javascript - 我可以将 props 作为函数参数传递吗？或者这是一个不好的做法吗？

Question

我想知道这样做在 react 世界中是否被认为是一种不好的做法？

const renderComparisonScore = (score) => {
 return (
  <div>
   {score}
  </div>
 )
}
const Visualization = ({ score }) = {
 return (
  <div>
   {renderComparisonScore(score)}
  </div>
 )
}

如您所见，我正在调用函数 renderComparisonScore 并传递参数，我知道执行此类操作的常规方法是将其作为 prop 传递，如下所示:

const ComparisonScore = ({ score }) => {
 return (
  <div>
   {score}
  </div>
 )
}
const Visualization = ({ score }) => {
 return (
  <div>
   <ComparisonScore score={score} />
  </div>
 )
}

我的问题是，我可以在 React 中将东西作为参数传递，而不是使用 props 传递东西，如果不是为什么？

Answer 1

我的.02:

在较大的应用程序中，如果您遇到这样的情况(例如，您需要映射一堆数据来构建 View )。

const MyComponent = props => {
  const cards = props.arrayOfData.map(el => (
    <div>Lots of view code and styling</div>
  ));

  // ...

  return (
    <div>
      [...other components]
      {cards}
    </div>
  );
};

这有助于尝试将任何给定组件中呈现的内容量最小化到更易于管理的数量。

除此之外，我肯定会坚持使用常规 Prop ，因为你想保持基于状态和逻辑的 View 与 View 的一些有序性