输入只允许写入 1 个符号

Question

页面上有单选按钮。单击单选按钮时 - 应该显示或隐藏一些元素。

But when the "search" is selected - it allows to write 1 symbol only and become invisible.

请参阅此处的代码示例：https://codesandbox.io/embed/keen-hodgkin-4f4jy?fontsize=14&hidenavigation=1&theme=dark

Answer 1

你的问题是这个

 <div
    className="buttons-wrapper"
    onChange={e => this.handleButtonsChange(e)}
 >

尝试在渲染中记录 this.state.value 的值，然后，当您在输入中键入内容时，您会看到输入值存储在 this.state.value 中。因此此检查之后失败：this.props.change === "3"，隐藏输入。那个顶级 onChange 给你添麻烦了。将该更改处理程序移至输入：

  <input onChange={e => this.handleButtonsChange(e)} type="radio" id="random" name="btn" value={1} />

输入只允许写入 1 个符号

input allows to write 1 symbol only

javascript

focus

input

reactjs