Parent component re-renders

[wzl13211]

Changing one component causes the other component to render, and both components have unrelated state in the repository, but in reality neither of them matters.

[wzl13211]

`import { Model } from "react-model";

// define model const Test = { state: { items: ["Install react-model", "Read github docs", "Build App"], sex: "man", num: 0, }, actions: { setNum: () => (state) => { state.num += 1; }, }, };

// Model Register const { useStore } = Model({ Test }); export { useStore };`

import { useStore } from "@/store/TestStore"; const Child = () => { const [state, actions] = useStore("Test"); console.log("update child"); const handel = async () => { actions.setNum(); }; return ( <>

{state.num}

</>

); };

export default Child;

import Child from "./Child"; import { useStore } from "@/store/TestStore"; const Test = () => { const [state] = useStore("Test"); console.log("update father"); return (

{state.sex}

); };

export default Test;