Question

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

想象一下，我想在 table 组件中呈现 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都是它们的组件名称，如果实际上模块文件名的样式约定连字符分隔似乎远远超过最常见的。

Answer 2

这是广泛采用的命名约定，并且工作得很好。此外，如果您正在努力使用组件的名称，请查看其根HTML元素类名称。我觉得这很好。

正确的反应组件命名规范

2 个答案: