React组件的正确命名规范

Question

我将尝试为React.js应用程序中的组件寻找最佳命名规范。目前我是这样做的...

假设我有一个名为searchBar的组件，我想在table组件中呈现它。

search-bar.js

var React = require('react');

var SearchBar = React.createClass({
  /* code for search component */
});

module.exports = SearchBar;    

table.js

var React = require('react');
var SearchBar = require('search-bar');

var Table = React.createClass({
    render: function() {
        return (
                <SearchBar />
        );
    }
});
module.exports = Table;

这个命名规范是否合适或者说它是否标准？

• 组件文件名采用连字符分隔符
• 组件函数声明使用PascalCase

- svnm

Answer 1

总的来说，React 目前还年轻，在样式约定方面并没有特别强的规范，但你所列出的大体上反映了我所见到的情况。React 文档中所有组件名都是 PascalCase，并且如果确实有模块文件名的样式约定，那么使用连字符分隔似乎是最常见的。

- aaronjkrause

Answer 2

这是广泛采用的命名约定，而且运作良好。 此外，如果您在为组件命名方面遇到困难，请查看其根HTML元素类名。我发现这是一个很好的方法。

- Roman Liutikov