如何使反应表单元组件进行通信？

Question

我的应用程序中有一个反应表：

如屏幕截图所示，它有两列，一列是输入字段，另一列是显示文本的普通div。我想用第1列中输入的值更新第2列的值。

我坚持这个，怎么能在React中完成？

由于

更新： 我的表格组件的代码：

export default class customTable extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            tableLoading: true,
            tabledata: [{override:80,final:90},{override:180,final:190}],
            tablelength: 0
        };
    }

    render() {

        const columns = [ {
            Header: props => <span>Override Value</span>,
            accessor: 'override',
            Cell: props => <input type="number"/>
        },
            {
                Header: 'Final',
                accessor: 'final'
            }];

        return (
                <ReactTable data={ this.state.tabledata } loading={ this.state.tableLoading } columns={ columns } defaultPageSize={ 12 } filterable={ true }
                  showPagination={ false } className="-striped -highlight fontsize-12" />
              );
    }
}
;

Answer 1

这是一种方法。它应该足以让你开始

• 向第一列中的onChange组件添加<input>功能（我们称之为overrideValue）
• 从该函数中，在适当的索引处更新override的{​​{1}}值。同时将新值this.state.tabledata设置为overridden

• 在第二列中，如果true

  ，则显示override值

  overridden == true