反应组件的正确命名规范

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

从一般意义上说，React 似乎还很年轻，还没有很多特别强大的风格约定，但你所概述的内容反映了我所看到的大部分内容。 React 记录了所有 PascalCase 它们的组件名称，如果实际上有模块文件名的样式约定，连字符分隔似乎远远高于最常见的。

Answer 2

这是被广泛采用的命名约定并且工作得很好。此外，如果您对组件名称感到困惑，请查看其根 HTML 元素 class 名称。我发现这是个好方法。

反应组件的正确命名规范

correct naming specification for react components

javascript

naming-conventions

reactjs