reactjs-输入defaultValue已设置但未显示

Question

注意到有些奇怪的地方是为输入设置了defaultValue，但是有时刷新页面时它不可见。我尝试过console.log，然后在加载数据时多次重新渲染组件，在最后一次重新渲染时，组件包含所需的值，如屏幕截图所示，但未显示。知道为什么吗？谢谢

<input type="text" name={this.props.question.id}
                defaultValue={defaultValue}
                onChange={this.onSingleChange.bind({
                    selectAnswer: this.props.selectAnswer,
                    question: this.props.question,
                    form: this.props.fid
                })}
                className="form-control"
            />

Answer 1

我之前也遇到过同样的问题。我的解决方案是在key输入中添加一个随机数的prop。

key={`${Math.floor((Math.random() * 1000))}-min`}

根据我的阅读，这与defaultValue仅在初始渲染上设置有关。随机数会导致使用正确的默认值进行重新渲染。

希望能有所帮助。