Доброго дня. Подскажите, пожалуйста, почему может не работать?

Question

Доброго дня. Подскажите, пожалуйста, почему может не работать?

let clusters = this.state.clusterList;

const SyncTree = () => (
Object.keys(clusters).map((item) => {
<Tree label={<div className='treeRoot'><IconButton icon={<InfoOutlineIcon />} onClick={() => this.setState({setInfoOpen: true, data: {header: clusters[item].name + " [" + clusters[item].cluster + "]", objectId: clusters[item].cluster, object: "cluster" }})} classPrefix={'btn-icon btn-tree'} />{clusters[item].name}<Checkbox style={treeCheckbox}/></div>}>

</Tree>
})
);

С учетом того, что clusters имеет структуру [{},{},{}].

#frontend #javascript #programming #react.js #russian

0

16.05.2023

14 ответов

21 просмотр

/ /

Object.keys(clusters) ?

0

16.05.2023

Exception003 Автор вопроса

R ZHUKOV ZHUKOV
зачем так сложно?

А как проще?

0

16.05.2023

R ZHUKOV ZHUKOV

Exception003
А как проще?

без Object.keys(…)

0

16.05.2023

Exception003 Автор вопроса

R ZHUKOV ZHUKOV
без Object.keys(…)

Без он выдает e.map is not a function.

0

16.05.2023

Exception003 Автор вопроса

/ /
Object.keys(clusters) ?

?

0

16.05.2023

R ZHUKOV ZHUKOV

Exception003
Без он выдает e.map is not a function.

что такое e?

0

16.05.2023

NK TRIPLLE

R ZHUKOV ZHUKOV
что такое e?

clusters вероятно

0

16.05.2023

Exception003 Автор вопроса

R ZHUKOV ZHUKOV
что такое e?

Это то, что он выдает в консоли. Ошибка.

0

16.05.2023

R ZHUKOV ZHUKOV

Exception003
Это то, что он выдает в консоли. Ошибка.

Проверяй данные на наличие перед рендером

0

16.05.2023

Exception003 Автор вопроса

R ZHUKOV ZHUKOV
что такое e?

Сам объект выглядит так: Array [ {…} ] 0: Object { cluster: "cddd1531-8a5c-4e25-ad9c-3866a40e798c", host: "cluster1.localhost", port: "1541", … } 1: Object { cluster: "cddf1332-8e2d-1a12-fd0c-2451f41e792d", host: "cluster2.localhost", port: "1541", … }

0

16.05.2023

Andrey Zharkikh

так, а какие keys для массива проще тако: const SyncTree = () => ( clusters.map((item) => { <Tree label={<div className='treeRoot'><IconButton icon={<InfoOutlineIcon />} onClick={() => this.setState({setInfoOpen: true, data: {header: item.name + " [" + item.cluster + "]", objectId: item.cluster, object: "cluster" }})} classPrefix={'btn-icon btn-tree'} />{item.name}<Checkbox style={treeCheckbox}/></div>}> </Tree> }) );

0

16.05.2023

IceBerg

будет массив undefined-ов

0

16.05.2023

Exception003 Автор вопроса

Andrey Zharkikh
так, а какие keys для массива проще тако: const S...

Спасибо

0

16.05.2023