React native 具有第二个参数的函数

React native 具有第二个参数的函数,react-native,react-hooks,React Native,React Hooks,我只想在更改状态后运行第二个参数 没有钩子。。这就是它看起来的样子 state = { gasTypeFrom: '', } setModal = item => { setState({ gasType: item }, () => { renderFrom(); }); }; 这是我用钩子试过的 const [froms, setFroms] = useState({ gasType: 'Select Value Here',

我只想在更改状态后运行第二个参数

没有钩子。。这就是它看起来的样子

state = {
  gasTypeFrom: '',
}

setModal = item => {
    setState({ gasType: item }, () => {
      renderFrom();
    });
  };
这是我用钩子试过的

 const [froms, setFroms] = useState({
    gasType: 'Select Value Here',
    displayModal: false,
  });

function setModalFrom(item) {
    useEffect(
      () => {
        setFroms({...froms, gasType: item});
      },
      () => {
        renderModalFrom();
      }
    );
    console.log('setModalFrom()', froms.gasType);
  }
如何在带有第二个参数的钩子中执行此操作?

useEffect接受函数回调和依赖项数组,因此当依赖项数组中的值更新时,将触发此效果

const [froms, setFroms] = useState({
  gasType: 'Select Value Here',
  displayModal: false,
});

useEffect(() => {
  renderModalFrom();
}, [froms]); // when a value here updates, effect is run

...somewhere in your code
setFroms({...froms, gasType: item}); // this updates the value
可能重复的