Используйте один и тот же компонент реакции 15 раз - PullRequest
Новая
       19

Используйте один и тот же компонент реакции 15 раз

0 голосов
/ 29 августа 2018

У меня есть компонент, который будет проверять атрибут типа по идентификатору реквизита, чтобы решить, что будет отображаться.

«Тип» происходит из данных JSON, встроенных в файл .njk, в который монтируются реагирующие компоненты.

пример того, как будут выглядеть данные: 

[
    {
        type: 'a',
        data: [example arr]
    },
    {
        type: 'b',
        data: [example arr]
    },
    {
        type: 'a',
        data: [example arr]
    },
    {
        type: 'b',
        data: [example arr]
    },
]

Мой компонент будет отображать, скажем, A, B или NULL. (например, ради) 

var components = [
    {
        id: 'one',
        component: component,
        props: {
            compId: 1
        },
    },
    {
        id: 'two',
        component: component,
        props: {
            compId: 2
        },
    },
    //ect.... repeated
]

Компонентный 

render(){
    if(type == 'a'){
        return (
            <div>
                A
            </div>
        );
    } else if (type == 'b'){
        return (
            <div>
                B
            </div>
        );
    } else {
        return null;
    }
}

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

например. 

export default component;

Есть что-то очевидное, что я пропускаю, как "новый"?

...