Question

我得到了一些很好的反应最佳实践。感谢AirBnB https://github.com/airbnb/javascript/tree/master/react

所以......对于类来说，像BEM这样的想法，但是用于组件名称和子项。有点厌倦了搜索组件周围的事情。

就像这样.. Component__childName__childName__childName.jsx

但我有这个想法，并且想知道：

这是一种不好的做法吗？组件名称是否会变得笨拙？

将文件名全部放在一起，将其框放在方框内框中的框中。

可以说得那么简短：

Component__List.jsx
Component__List__Item,jsx

更新问题：

每个组件的单独目录是否有用？我也看到了那些漠不关心的项目。

例如：

|-Components
|--ExampleComponent
|---Component.jsx
|---ComponentList.jsx
|---ComponentItem.jsx
|---ComponentItemDetail.jsx
|---Component.scss
|--AnotherOne
|---AnotherOne.jsx

等等......

Answer 1

我猜你要求一个好的命名实践，可以命名你的组件，如Component_User.jsx，然后如果它有一个标题，Component_User_Header.jsx，那么如果标题有一个标签{{ 1}}。如果你问smtg别的你可以忽略其余的：）

我想更好的方法是将相关组件放入域文件夹中：例如在Component_User_Header_Label.jsx目录下user将是您的主要组件，index.jsx将是您的主要css那个组件。然后，对于每个子组件，您可以创建一个类似的命名文件作为子目录。

index.css

像BEM一样反应组件名称

1 个答案: