Javascript 如何在React中重置状态以更新视图

我试图在状态更新时重置输入字段。因此，当我的状态通过函数更新时，我的视图也会改变。下面是我的代码：

constructor(props){
    super(props)
    this.state = { song: '',
                   videos: '' }
    this.handleSongInput = this.handleSongInput.bind(this)
}

在我的渲染函数中，我执行如下操作

render () {
    return (
            <div>
                <TextField
                  floatingLabelText="Search Songs"
                  value={this.state.value}
                  onChange={this.handleSongInput}
                />
                <br />
                <RaisedButton label="Search" onClick={this.searchSong} />
            </div>
    )
}

现在点击按钮，我有下面的功能重置初始值

searchSong = () => {
        ...
        this.setState({song:''})
    }

现在，如果我执行console.log，我可以看到状态已更改。但在我看来，我仍然可以看到文本字段填充了以前的文本

---

如何在当前状态下设置textfield的值

我认为您存在变量名问题：

value={this.state.value}

应改为：

---

value={this.state.song}

将-this.state.value替换为this.state.song

searchSong = () => {
        ...
        this.setState({song:''})
    }