使用 mui 反应表 - mui 厨房水槽示例 - 切换 JSON 和 makeDATA

Question

我正在尝试使用 react table mui 厨房水槽，但不明白为什么该值不可见。切换到 JSON 时，Header 可见，表中的数据不再可见。在console.log上，data和data1的结构是一样的。

      const columns = React.useMemo(
        () => [
          {
            Header: 'ID',
            accessor: 'id',
          },
          {
            Header: 'LICENSE PLATE',
            accessor: 'licenseplate',
          },
          {
            Header: 'DRIVER NAME',
            accessor: 'driver',
          },
          {
            Header: 'SUBMITTED ON',
            accessor: 'submittionDate',
          },
          {
            Header: 'NOTES',
            accessor: 'notes',
          },
          {
            Header: 'STATUS',
            accessor: 'status',
          },
        ],
        []
      )
     const NoteList = Object.keys(NOTES).map(key => ({ ...NOTES[key], id: key }))
      const [data1, setData1] = React.useState(React.useMemo(() => makeData(10), []))
      const [data, setData] = React.useState(React.useMemo(() => NoteList), [])
      const [skipPageReset, setSkipPageReset] = React.useState(false)
    
    
      useEffect(() => {
        // This gets called after every render, by default
        // (the first one, and every one after that)
        // console.log('NOTES', NOTES);
        // console.log('NOTESLIST', NoteList);
        console.log('DATA', data);
        console.log('DATA1', data1);
    
      }, [])

我不知道哪里错了。

感谢您的帮助

Answer 1

几个小时后，错误已经解决。

访问器名称必须与 json 文件中的 name 属性匹配。并且没有必要使用object.key 函数。使用useMemo 就足够了。