reactjs - 通过 useState React hooks 在状态中设置动态键

Question

我想通过 uuid 设置动态键的动态状态在它的功能组件中下面是 React 中基于类的组件的示例

class App extends Component {
  state = {
    [uuid()]: []
  };

如何使用功能组件来实现这一点？

const App = props=>{
 const [list, setList] = useState([uuid()]);

我尝试使用上面的方法，它给了我输出

["4b4c8872-0c35-49a6-a98b-ef7abcb2cef8"]

但期望的是[“4b4c8872-0c35-49a6-a98b-ef7abcb2cef8”:[]]

提前致谢!

Answer 1

您需要将一个对象而不是数组传递给useState

const App = props=>{
 const [list, setList] = useState({ [uuid()] : [] });

如果您想将新键附加到状态值，可以执行以下操作。

addList = (e) => {
    setList({
      ...list,  //take existing key-value pairs and use them in our new state,
      [uuid()]: []   //define new key-value pair with new uuid and [].
    })
}