修改反应元素字段

时间:2017-05-03 21:19:27

标签: javascript reactjs ecmascript-6

是否可能有类似的内容:

var e = <TableHeaderColumn key={"060"} dataField={'username'} width={'180'} dataSort headerAlign='left'  editable={JSON.parse('{"type": "textarea" }')}>{'Username'}</TableHeaderColumn>];

稍后更改,例如 width ,使用类似:

e.width = '45';

1 个答案:

答案 0 :(得分:0)

假设您有一个呈现表格的组件。当你点击某些东西时,你想要将宽度改为其他东西。 (你的问题没有提供任何背景,所以我正在制作一个)

<button onClick={this.handleClick}>Some text</button>

然后你的处理函数看起来像

handleClick = () => {
    this.setState({width: '45'});
}

渲染TableHeaderColumn时,只需执行此操作

<TableHeaderColumn width={this.state.width}

这是一个非常简单的示例,可能无法回答所有问题,但希望您可以了解如何使用状态更改用户操作的值