react-table Dynami c столбцов без аксессоров

Question

Я хочу перебрать объект и создать столбцы в соответствии с этим объектом, потому что logi c и внешний вид этих столбцов одинаковый

const customColumns = myObject.map(item =>  {
    return {
    Header: '111',
    headerClassName: "excel-table-header-class",
    className: "excel-table-row-class",
    width: 100
}});

Позже я изменю заголовок динамически.

Проблема в том, что я не могу включить все эти столбцы.

Среди других столбцов я использую

           columns={[ ..., customColumns ]}

, а это не go.

Я могу do

           columns={[ ..., customColumns[0] ]}

И это нормально, я вижу свой единственный столбец, но я хочу отображать все столбцы, а не один.

Позже я хочу использовать что-то вроде

   const customColumns = () => {
        const {myObject} = props;
        if (myObject !== undefined && myObject.length !== 0) {
            myObject.map((item, index) => {
                return (
                    {
                        Header: 'C2',
                        headerClassName: "excel-table-header-class",
                        className: "excel-table-row-class",
                        width: 100,                                        
                                 });
                              });
                            }
                          };

, но в этом случае я даже не могу отобразить один столбец, например customColumns [0]. Почему это происходит?

Answer 1

Я описал все столбцы в разных массивах и использовал метод columns = {} concat, который у меня сработал.