reactjs - 无法保存值的输入

Question

我是 reactjs 新手，无法body在另一个组件中导入对象？

您能帮我在 compose 组件中导入 body 对象吗？我无法显示正文的内容。

标签： reactjs

Answer 1

正如你所提供value的，onChange在这里，

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

但是在Editor你没有提供value的组件onChange中ReactQuill，你应该这样做，

<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
   })
}

简化演示