Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ReactJs:是否可以检索此标记内编辑的值<;td contentEditable=&x27;正确'&燃气轮机;{this.state.value}</td>;标签_Javascript_Html_Html Table_Bootstrap 4 - Fatal编程技术网

Javascript ReactJs:是否可以检索此标记内编辑的值<;td contentEditable=&x27;正确'&燃气轮机;{this.state.value}</td>;标签

Javascript ReactJs:是否可以检索此标记内编辑的值<;td contentEditable=&x27;正确'&燃气轮机;{this.state.value}</td>;标签,javascript,html,html-table,bootstrap-4,Javascript,Html,Html Table,Bootstrap 4,我已经搜索了许多不同的stackOverflow问题和本机html文档,显然无法检索以下内容中的值: <td contentEditable='true'> {this.state.value} </td> {this.state.value} 显然,没有本地方式检索用户编辑的值? 在我的应用程序中: 用户单击绿色按钮后,我将contentEditable属性设置为true,因此他可以编辑右边的列。然而,当我想要检索用户输入的新值并将其发送到后端时,我发现

我已经搜索了许多不同的stackOverflow问题和本机html文档,显然无法检索以下内容中的值:

<td contentEditable='true'> {this.state.value}  </td>    
{this.state.value}
显然,没有本地方式检索用户编辑的值?
在我的应用程序中:

用户单击绿色按钮后,我将contentEditable属性设置为true,因此他可以编辑右边的列。然而,当我想要检索用户输入的新值并将其发送到后端时,我发现自己被卡住了
但是这没有任何意义,因为如果我无法检索已编辑的值,那么属性contentEditable有什么用处呢 我只找到了onClick listener,当用户单击某个特定单元格时,我可以使用它来学习。
PS:我记得在Angular中,我曾经用双向数据绑定很容易做到这一点。

this.setState({isEditing:true})}>
<td onClick={() => this.setState({ isEditing: true })}>
  {this.state.isEditing ? <input {...yourPropsToHandleInput} /> : {this.state.value}
</td>
{this.state.isEditing?:{this.state.value}
而不是{this.state.value}您的代码应该使用支持通过它输入信息的组件。例如,textarea并使用其相关事件函数将信息发送到服务器。

我知道这一点。但是,我的表已经用普通的表标记tr、td…等实现。我希望保持简单。但是,如果我没有找到解决方案,我将使用您的表标记ipAgain,如果我无法检索已编辑的值,那么contentEditable属性有什么用?从未使用过contentEditable…我更喜欢使用组件来允许或不允许编辑内容。React的行为与普通html稍有不同。这是一种有趣的解决方法。但我希望我可以直接使用td。谢谢您可以!虽然这会在表中呈现一个输入,但它在视觉上并不友好