React 兄弟组件之间值触发更新

427 阅读1分钟

父组件

  // 变更场景选择 modal 触发form表单更新
  const [isRefresh, setIsRefresh] = useState(false);
  useEffect(() => {
    isRefresh && setTimeout(() => setIsRefresh(false));
  }, [isRefresh]);
  const updateChild = () => {
    setIsRefresh(true);
  };

子组件1

<StatesChange
   onCancel={() => {
   setIsVisible(false);
   updateChild();
   }}
/>

子组件2

{!isRefresh && (
  <FormItem {...{ sceneList, sceneCurrent, getSceneList, scope: 'single' }} />
)}