Проходит компоненты, поскольку реквизит считается плохой практикой?

Question

Как говорится в заголовке: что-то вроде псевдо-кода ниже считается плохой?

<Outer 
    a = { ComponentA } 
    b = { ComponentB } 
/> 

var Outer = (props) => { 
    var ComponentA = props.a; 
    var ComponentB = props.b; 

    // do fancy stuff 
    // ... 

    return (
     <div> 
      <ComponentA { ...fancypropsForA } /> 
      <ComponentB { ...fancypropsForB } /> 
     </div> 
    ); 
} 

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

EDIT

В соответствии с просьбой, я буду стараться, чтобы сделать мой вопрос немного более ясно. Существует компонент, который имеет некоторую логику и некоторую разметку, которая одинакова при каждом использовании этого компонента. Но в этой разметке есть два (или более) места, которые должны быть заменяемыми.

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

Одним из способов достижения этой цели является:

<Calendar 
    data={ data } 
    weekdayComponent={ MyWeekDayComponent } 
    dateComponent={ MyDateComponent } 
/> 

<Calendar 
    data={ data } 
    weekdayComponent={ SomeOtherWeekDayComponent } 
    dateComponent={ SomeOtherDateComponent } 
/> 

Таким образом, я обнаружил, что это работает. Но я не уверен, что это действительно плохо.

Answer 1

Пока данные поступают только в одном направлении, вы, как правило, в порядке. Ваш пример немного ухищрен, поэтому трудно понять, какую общую проблему вы пытаетесь решить, но я думаю, что вы действительно ищете, это компоненты более высокого порядка.

https://medium.com/@franleplant/react-higher-order-components-in-depth-cf9032ee6c3e