代码之家 › 专栏 › 技术社区 › abu abu

react.js中的表内表单

reactjs html

abu abu · 技术社区 · 6 年前

我需要在表中放置一个html表单。我的代码如下

render() {
    return (
        <form className="ui form">
                <tbody>
                    <tr>
                        <td className="ui header">Name</td>
                        <td>
                            <input type="text" placeholder="Name"/>
                        </td>
                    </tr>
                </tbody>
        </form>
    );
}

我的错误在下面 console .

<tbody> cannot appear as a child of <form>

1 回复 | 直到 6 年前

theJuls 6 年前

正如错误所说,您不能将 tbody 在中标记 form 标签。其中一个选择就是把 input 用表单而不是整个表标记。

然后看起来像这样:

render() {
    return (
      <tbody>
        <tr>
          <td className="ui header">Name</td>
          <td>
            <form>
              <input type="text" placeholder="Name"/>
            </form>
          </td>
        </tr>
      </tbody>
    );
}

如果你想把整张桌子都放在同一张桌子里 形式 Tag,你得把整张桌子都包起来 表格主体 .

render () {
    return (
      <form>
        <table>
            <tbody>
              <tr>
                <td className="ui header">Name</td>
                <td>
                    <input type="text" placeholder="Name"/>
                </td>
              </tr>
            </tbody>
        </table>
      </form>
    )
  }

推荐文章