SetState基于带钩的可操纵道具

时间:2019-09-18 18:58:21

标签: reactjs

在页面加载之前,如何"keyword"在带有钩子的可操纵道具的功能组件上使用

在类组件上,我会做类似的事情:

setState

1 个答案:

答案 0 :(得分:1)

可以用useState完成-只能使用一次。 请记住,您将需要使用useEffect钩子来更改状态,就像使用componentWillReceiveProps

const initialColumns = [
  { title: "test", field: "test" },
  { title: "test2", field: "test" }
];

const Test = props => {
  const [columns, setColumns] = useState(initialColumns);
  const [data, setData] = useState(
    props.clients.map(client => ({
      test: client.test,
      test2: client.test2
    }))
  );

return (...)
};

只需在这里查看Test.js中的控制台日志记录:https://codesandbox.io/s/jovial-mcclintock-041qx