在React中组件之间共享功能的正确方法

reactjs React.js

蛋蛋猿

2020-03-17

我有多个组件都需要做同一件事。（一个简单的函数可以映射其子组件，并对每个子组件执行某些操作）。目前，我正在每个组件中定义此方法。但是我只想定义一次。

我可以在顶级组件中定义它，然后将其作为道具传递。但这并不完全正确。它更多的是库函数而不是道具。（在我看来）。

正确的做法是什么？

第1865篇《在React中组件之间共享功能的正确方法》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
理查德小胖Harry 2020.03.17

您不应该为此使用Mixin吗？参见https://facebook.github.io/react/docs/reusable-components.html

尽管他们失宠了，请参见https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750

可能有用

理查德十三Davaid 2020.03.17

除了创建util文件之外，另一个可靠的选择是使用更高阶的组件来创建withComponentMapper()包装器。该组件将一个组件作为参数，并componentMapper()通过传递为prop 的函数将其返回。

在React中，这被认为是一种好习惯。您可以在此处详细了解如何操作。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android