在反应中集成动态数据

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总是一个好主意，因为它会在依赖项之一发生变化时更新，在这种情况下是元数据。