我試圖接受一個對象并將其轉(zhuǎn)換為數(shù)組,以便我可以使用 map 函數(shù)在我的 React 應(yīng)用程序中呈現(xiàn)它。我發(fā)現(xiàn)有兩種方法可以將對象轉(zhuǎn)換為數(shù)組,一種是使用Array.from(object),另一種是Object.values(object). 當我使用第二種方法時,我的 React 應(yīng)用程序運行良好。但是如果我使用第一種方法,我得到一個空數(shù)組,但是當我控制臺記錄數(shù)組的長度時,它顯示數(shù)組的實際長度,在我的例子中是 3。此外,undefined在我的例子中,值存儲在數(shù)組中。請找到以下代碼段。const Example = () => {let object = { productName : "Desktop", quantity: 2, price: 4000, length:3};let arr = Array.from(object);console.log(arr.length);console.log(arr); return ( <div> <ul> {arr.map((item,k) => <li key={k}>{item}</li>)} </ul> </div> );};ReactDOM.render( <Example />,document.getElementById("react"));<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.4/umd/react-dom.production.min.js"></script><div id="react"></div>
在我的 React JS 示例中,Array.from(object) 不會將對象轉(zhuǎn)換為數(shù)組
DIEA
2023-04-01 16:29:15