反应将父项的输入数据设置为输入

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中进行硬编码，则输入中就有数据