我有一大堆物件,它們是我用 papaparse 從 CSV 檔案轉換而來的。
constructor(props) {
super(props);
this.state = {
data: null
};
這個物件沒有 ID,所以我試圖給每個有 ID 的物件添加一個“新行”。ID 在任何地方都可以是相同的數字。我目前不關心這個,因為我現在只想添加一個新行。
這是當前物件在控制臺中的樣子(console.log(來自 CSV 決議器的結果))
在此處輸入圖片說明
我真的很感激我能得到的任何幫助。我已經嘗試了一些我發現的功能,但沒有一個對我有用。我得在接下來的一兩個小時內完成這項作業,所以謝謝你的幫助
uj5u.com熱心網友回復:
由于您沒有任何代碼,因此我在回答您的問題時會做一些假設。首先,讓我們假設您的資料中有一個陣列:
const data = [
{
anmerkung: '...',
frage: '...',
hilfestellung1: '...',
},
{
anmerkung: '...',
frage: '...',
hilfestellung1: '...',
},
{
anmerkung: '...',
frage: '...',
hilfestellung1: '...',
},
];
現在,有不同的方法可以將欄位添加到資料中;一個非常簡單但不是很有效的方法可以是:
const addID = data => {
let array = [];
data.map(el => {
el = { id: 1, ...el };
array.push(el);
}
);
return array;
};
通過這種方式,您只需創建一個新陣列,使用該map函式修改每個元素并添加一個新欄位。然后將它們插入一個新陣列并回傳該陣列。
uj5u.com熱心網友回復:
您可以創建一個小的輔助函式,以便在收到資料后(從任何來源 - 在這里我只是將其作為 prop 傳遞給組件)以及在更新狀態之前將 id 添加到資料中。
注意:在這個最小的作業示例中,我使用空陣列而不是 null 初始化狀態。
const { Component } = React;
// `map` over the data and for each
// object return an object with an id property
function addId(data) {
return data.map((obj, i) => {
return { id: i 1, ...obj };
});
}
class Example extends Component {
constructor(props) {
super();
this.state = { data: [] };
}
// Use the helper function to add ids
// to the data objects, then set the new state
componentDidMount() {
const data = addId(this.props.data);
console.log(JSON.stringify(data));
this.setState({ data });
}
render() {
const { data } = this.state;
if (!data.length) return <div>No data</div>;
return (
<div>
{data.map(obj => {
return <div>{obj.id} {obj.name}</div>
})}
</div>
);
}
};
const data = [
{ name: 'Rita' },
{ name: 'Sue' },
{ name: 'Bob' }
];
ReactDOM.render(
<Example data={data} />,
document.getElementById('react')
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.production.min.js"></script>
<div id="react"></div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/365483.html
標籤:javascript 数组 反应 目的 嵌套对象
