Javascript 修改反应元素字段

Javascript 修改反应元素字段,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,有没有可能有这样的东西: var e = <TableHeaderColumn key={"060"} dataField={'username'} width={'180'} dataSort headerAlign='left' editable={JSON.parse('{"type": "textarea" }')}>{'Username'}</TableHeaderColumn>]; e.width = '45'; 假设您有一个呈现表的组件。当你点击某个东

有没有可能有这样的东西:

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

假设您有一个呈现表的组件。当你点击某个东西时,你想把宽度改成其他的东西。(你的问题没有给出任何背景,所以我在编一个)

渲染TableHeaderColumn时,只需执行以下操作

<TableHeaderColumn width={this.state.width}

假设您有一个呈现表的组件。当你点击某个东西时,你想把宽度改成其他的东西。(你的问题没有给出任何背景,所以我在编一个)

渲染TableHeaderColumn时,只需执行以下操作

<TableHeaderColumn width={this.state.width}

只需将其用作prop/state,然后当您更改它时,它将自动工作,我可以执行console.log(e.props.witdh)吗?还有,我可以做:e.props.width=45吗?不,它不是这样工作的。React是关于以声明方式而非强制方式描述您的UI。您可以使用
width
的新值简单地重新加载组件。由于您没有提供完整的示例,因此很难提供帮助。也许看一看,我对更改宽度值很感兴趣。它对console.log('>>e='+e.props.width)有效,但对赋值无效,因为我得到了错误:Uncaught(承诺中)TypeError:cannotassign to read-only属性'width'of object'#'Thank必须将其用作prop/state,然后当您更改它时,它会自动工作,我可以执行console.log(e.props.witdh)吗?还有,我可以做:e.props.width=45吗?不,它不是这样工作的。React是关于以声明方式而非强制方式描述您的UI。您可以使用
width
的新值简单地重新加载组件。由于您没有提供完整的示例,因此很难提供帮助。也许看一看,我对更改宽度值很感兴趣。它对console.log('>>e='+e.props.width)有效,但对赋值无效,因为我得到了错误:Uncaught(in promise)TypeError:Cannot assign to object'#'Thanksthanks'的只读属性'width'。。。这是最基本的方法。问题是我的列数未知。因此,我可能必须创建一个具有属性的映射。为什么要尝试为表行指定精确的宽度?以克服表的问题。有些情况下,列的宽度对于某些列来说太宽。每一列都是一个反应组分。因此,我想知道如何在不涉及表代码的情况下自己纠正这个问题,如果这是一个不会发生的表,那么我没有创建表代码。如果文本对于列来说太大,也可以截断文本。听起来您试图以错误的方式解决问题。你能给我举个例子,让我帮忙吗?您可能只需要使用css来解决宽度问题。一些文本很少的列的宽度是其他列的3倍。整张桌子是一张React comp。这就是问题所在谢谢。。。这是最基本的方法。问题是我的列数未知。因此,我可能必须创建一个具有属性的映射。为什么要尝试为表行指定精确的宽度?以克服表的问题。有些情况下,列的宽度对于某些列来说太宽。每一列都是一个反应组分。因此,我想知道如何在不涉及表代码的情况下自己纠正这个问题,如果这是一个不会发生的表,那么我没有创建表代码。如果文本对于列来说太大,也可以截断文本。听起来您试图以错误的方式解决问题。你能给我举个例子,让我帮忙吗?您可能只需要使用css来解决宽度问题。一些文本很少的列的宽度是其他列的3倍。整张桌子是一张React comp。这就是问题所在
<TableHeaderColumn width={this.state.width}