在反應中集成動態數據

Question

我創建了一個新的更好的問題在 react.js 中集成動態數據

Answer 1

最佳實踐是像這樣提供數據

[
   {
      data: [
        { name: 'Store Name', value: 'expreso polar'},
        { name: 'Store Id', value: 're485754re'}
      ]   
   }
]

name為標簽， value為對應標簽需要在表格中顯示的數據

Answer 2

這是我在編碼時遇到的非常常見的事情，這就是我所做的。 我不確定您是如何獲取 json 的，無論是通過 fetch 還是硬編碼，但將其作為 json 對象存儲在變量中

    const [metadata, setMetadata] = useState([])
    const data = response.json()
    setMetadata(data);
    const Table = useMemo(() => metadata.map(
        ({name, id, tags, address, logo}) => (
            <div>
                <div>Name: {name}</div>
                <div>Id: {id}</div>                
                <div>Tags: {tags}</div>
                <div>Address: {address}</div>
                <div>: {logo}</div>
            </div>
        )
        ),
        [metadata]);

一旦您以某種 json 格式獲取元數據，您就可以簡單地使用map函數將其全部映射到 jsx 中。 然后使用<Table/>調用它。

使用useMemo總是一個好主意，因為它會在依賴項之一發生變化時更新，在這種情況下是元數據。