Question

这是一个触发的onClick处理程序：

fieldClicked(field) {

let selectedDescription = this
  .props
  .serviceConfigInfoValue
  .find(x => x.Name == field)
  .Description

this
  .props
  .change('currentFieldDescription', selectedDescription)

}

导致在表单状态中设置正确的值并导致更新字段，该字段设置为在表单中的其他位置读取该值。

<Field
            name="currentFieldDescription"
            component={SimpleTextAreaInput}
            rows={10}
            cols={50}/>

这是SimpleTextAreaInput组件。实际上，在Chrome中进行调试时，我甚至会看到传递给值的正确描述。

问题是屏幕无法使用更新的描述值进行渲染。

import React, {Component} from "react";

export default(field) => {

 const {
  input: {
   value,
   onChange
 },
 rows,
 cols
 } = field

 return (
   <div>
     <p>Redux-forms Text Area</p>
     <textarea rows={rows} cols={cols}>{value}</textarea>
   </div>
)

}

Answer 1

在React中，a使用值属性。这样，使用a的表单可以与使用单行输入的表单非常相似地编写

<textarea value={this.state.value} onChange={this.handleChange} />

你必须给它作为道具的价值。

this.props.change不会导致重新呈现新值

1 个答案: