React中的使用input时想让输入框有一个可修改的默认值,且该默认值跟随state变化,则可以写成:

1
2
3
4
5
6
7
8
9
10
this.state = {
defaultValue: ...,
key: Math.random()
}

render () {
return (
<input defaultValue={this.state.defaultValue} key={`this.state.key`} />
);
}

key的刷新可以造成input节点强制刷新,从而更新defaultValue.