Могу ли я передать реквизиты в качестве аргумента функции или это плохая практика?

Question

Мне было интересно, считается ли это плохой практикой?

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

Как вы видите, я вызываю функцию renderComparisonScore и передаю аргумент. Я знаю, что это обычный способ выполнения. что-то подобное передает это как опора:

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

Мой вопрос: могу ли я передать вещи в качестве аргументов вместо передачи вещей с помощью реквизита, и если нет, то почему?

Answer 1

My .02:

В более крупных приложениях, если вы столкнулись с такой ситуацией (например, когда вам необходимо отобразить группу данных для построения представления).

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

  // ...

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

Это было бы полезно, чтобы попытаться свести к минимуму количество контента в любых заданных компонентах рендеринга до более управляемой суммы.

Однако, за исключением этого случая, я бы определенно просто придерживался обычных подпорок, если вы хотите сохранитьнекоторая упорядоченность с учетом состояния и логики по сравнению с представлением