来自React的DIVitis

时间:2016-07-19 12:08:16

标签: html reactjs semantic-markup

我开始在一家使用REACT的公司工作,我注意到HTML输出有一个不必要的div的TON。开发人员告诉我REACT必要,但我发现很难相信现代框架/库/工具会对我们施加不良的HTML实践。但是,我似乎无法在线找到有关此问题的任何文章或参考文献。是否真的有必要将所有内容包装成div?为什么我们不能包含语义正确的元素,如p标签或导航等?最后,开发社区普遍接受这个吗?

2 个答案:

答案 0 :(得分:4)

只要从组件render方法返回单个DOM节点,就可以在React.js中使用任何有效的HTML5标记。这是唯一的要求。

List of supported tags and attributes

答案 1 :(得分:2)

正如React文档所述:

  

React组件只能呈现单个根节点。如果要返回多个节点,则必须将它们包装在一个根目录中。

这是React唯一的要求。无论根节点(元素)是div,ul,li,p,span等是否重要 - 事实上,根节点应该是正确的元素而不是无意义的div

<强>来源:

React Docs on displaying data

我们正在公司开发一个大型的React应用程序。