正确的反应组件命名规范

Question

我试图在React.js应用程序中找到组件的最佳命名约定.这就是我目前的做法......

想象一下,我想在我的表组件中呈现一个searchBar组件.

搜索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用于组件函数声明.

Answer 1

从一般意义上看,似乎反应足够年轻,以至于还没有很多特别强烈的风格惯例,但你所概述的内容反映了我在大多数情况下所看到的内容.反应文档所有PascalCase他们的组件名称,如果实际上模块文件名连字符分隔的样式约定似乎远远超过最常见.