Textarea自闭标签？<文本区域 />

Question

我最近在 youtube 上观看了一些关于为 Freecodecamp 挑战构建简单的 React Markdown 预览器的教程。但是，到目前为止我看到的教程<textarea />在反应代码中添加了这个标签，而不是<textarea></textarea>.我查找了有关<textarea>标签和 w3schools、mdn 网络文档的更多信息，并且很少有其他网站仍然显示<textarea>带有结束标签</textarea>的 ，因为它充当<textarea>标签内内容的容器。并且以不同的形式使用它会破坏代码。无论如何，我想知道在 React 框架中是否仍然需要使用这样的自关闭方法：<textarea />？我只是想弄清楚我是否需要<textarea />在我正在编码的项目中使用它，或者它是否是糟糕的编码/实践。

Answer 1

在 React 中，textarea 已被修改，因此它可以像其他输入一样工作。该值通常是 HTML 中的子元素，在 React 中是一个属性

<textarea value={this.state.value} onChange={this.handleChange} />

有关textarea 的更多信息，请参阅React 文档

Answer 2

它不是 React 中的 HTML。它是 JSX。如果元素中没有子元素，只需使用 self 关闭标签。如果元素中有孩子，则使用单独的关闭标签。

您可以使用此网站查看它如何将 HTML 转换为 JSX - https://magic.reactjs.net/htmltojsx.htm

Answer 3

对于 React，它主要是一种约定。如果组件内没有内容（子项），则一种约定是始终使用自闭合标签。所以对于 textarea 它会自动关闭。