javascript - 做出反应。将输入数据从父级设置为输入

Question

这是我所有的代码：StackBlitz

我试过这样做：

state = {
    valueTitle: '',
    valueText: ''
}

titleHandler = (e) => {
    this.setState({
        valueTitle: e.target.value
    })
}

textHandler = (e) => {
    this.setState({
        valueText: e.target.value
    })
}

此字符串通过单击创建，因此该方法在单击后触发

<String 
    key={this.state.stringKey} 
    textFieldTitle={(e) => this.titleHandler(e)}
    textFieldText={(e) => this.textHandler(e)}
    valueTitle={this.state.valueTitle}
    valueText={this.state.valueText}
 />

字符串组件

render() {
    return (
        <div>
            <input
                placeholder="Введите заголовок"
                type="text"
                className={classes.String}
                value={this.props.valueTitle}
                // onChange={(e) => this.titleHandler(e)}
                onChange={this.props.textFieldTitle}
            />
            <input
                placeholder="Введите текст"
                type="text"
                className={classes.String}
                value={this.props.valueText}
                // onChange={(e) => this.textHandler(e)}
                onChange={this.props.textFieldText}
            />
        </div>
    )
}

当我在输入中写入 smt 时，什么也没发生，为什么？但是如果我在 valueTitle 或 valueText 中硬编码输入有数据

标签： javascriptreactjs