无法保存值的输入

时间:2019-09-22 09:46:02

标签: reactjs

我是ReactJS的新手,无法在其他组件中导入body对象?

请帮助我将body对象导入到compose组件中。我无法显示身体的内容。

2 个答案:

答案 0 :(得分:2)

您在此处提供了valueonChange

<Editor label='Body' name="body" value={this.state.body} onChange={this.changeHandler}/>

但是在Editor组件中,您value提供了onChangeReactQuill,您应该这样做,

<ReactQuill
   theme='snow'
   modules={this.modules}
   formats={this.formats}   
   className='Editor'
   value={this.props.value}        // provide value passed as props from parent component
   onChange={this.props.onChange}  // provide onChange passed as props from parent component 
/>

注意:我认为您应该为Editor组件使用单独的变更处理程序,因为ReactQuill直接为变更提供了价值。

<Editor label='Body' name="body" value={this.state.body} onChange={this.changeBodyHandler}/>

处理程序应该是这个

changeBodyHandler = (value) => {
   this.setState({
      body: value
   })
}

Simplified Demo

答案 1 :(得分:0)

您可以尝试以下方法:

changeBodyHandler = (e) => {
   this.setState({
      body: e.target.value
   })
}