Как мне сгенерировать React Kendoдинамически?

Question

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

render() {
    var allColumns = this.state.data.length > 0 ? Object.keys(this.state.data[0]) : []
    var columnsToShow = allColumns.map((item,i) => <GridColumn field={item} key={i} />);
    return (<div> 
        <Grid
            data={this.state.data}
        >
            {columnsToShow}

        </Grid>
    </div>
    );
}

Так как GridColumns должны быть определены (не автоматически), я хотел генерировать их динамически, то есть в строке 3 var columnsToShow.Может ли кто-нибудь помочь мне понять, почему столбцы не отображаются, а данные отображают ?(Я знаю, что данные присутствуют, потому что, если я определю их индивидуально <GridColumn field="Name" />, это сработает.)

Answer 1

Кажется, что код выше в порядке.При использовании динамического создания столбцов

var allColumns = this.state.data.length > 0 ? Object.keys(this.state.data[0]) : []
var columnsToShow = allColumns.map((item,i) => <GridColumn field={item} key={i} />);

внутри официальной демонстрации Kendo React Grid столбцы создаются успешно.Заголовки столбцов можно изменить, применив опору Title к каждому столбцу.