reactjs - 具有 UI 和逻辑的模块化组件？

Question

组件（理想情况下是功能性组件）是否有一种兼容 React 的方式来在使用时提供逻辑和 JSX UI 代码？

基本上，我想使用一个组件管道，每个组件都依赖于前一个组件的输出。像这样：

<Page>
<Component 1 uses data from page props, returns processed data/>
<Component 2 uses data from component 1/>
<Component 3 uses data from component 2/>
<Results list uses data from component 3, which includes processing done by all the previous ones/>
</Page>

现在我能想到的唯一方法是让每个组件的 JS 文件也导出一个函数，并在<Page>. 但这似乎也不完全正确。

我是 React 的新手，之前听说过它被称为“只是一个 UI 库，而不是一个完整的框架 [如 Angular]”。这种混合逻辑和表达是故意的，还是我做错了？

标签： reactjsreact-component