[英]Add new items to existing object model react js
junior trying to learn.初中尝试学习。 I have the following function.我有以下 function。
overlay = (rulersOnLine) => {
const mainRulers = {
AB: <Box sx={SX.ruler10} />,
CD: <Box sx={SX.ruler20} />,
};
let skeleton;
let newRulersOnLine = [];
rulersOnLine.map((value, index) => {
if (value === 1) {
skeleton = {
name: 'A' + index + 'B' + index,
node: <Box sx={SX.ruler10} style={{opacity: 1}} />,
};
}
});
return mainRulers;
};
My main object is我的主 object 是
const mainRulers = {
AB: <Box sx={SX.ruler10} />,
CD: <Box sx={SX.ruler20} />,
};
I want to add more items dynamic ex:我想添加更多项目动态例如:
A1B1: <Box sx={SX.ruler20} />
rulersOnLine is an array made of 0,1 (max 4 elem). rulersOnLine是由 0,1(最多 4 个元素)组成的数组。
How can I add new items (under the given form) to the main object?如何向主 object 添加新项目(在给定的表格下)?
If I understand correctly that you want to add it to mainRulers
, You can do like如果我理解正确你想将它添加到mainRulers
,你可以这样做
overlay = (rulersOnLine) => {
const mainRulers = {
AB: <Box sx={SX.ruler10} />,
CD: <Box sx={SX.ruler20} />,
};
rulersOnLine.forEach((value, index) => {
if (value === 1) {
mainRulers[`A${index}B${index}`] = (
<Box sx={SX.ruler10} style={{ opacity: 1 }} />
);
}
});
return mainRulers;
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.