使用mobx中的api antorun,具体方法如下
import { Input } from "antd";
import MyContext from "../../../utils/myContext";
import { useState, useContext, useEffect } from "react";
import { autorun } from "mobx";
function Notice() {
const store = useContext(MyContext);
const [msg, setMsg] = useState("");
useEffect(() => {
const dispose = autorun(() => {
// 在这里可以执行任何需要在变量变化时执行的操作
console.log(store.msg);
setMsg(store.msg);
});
return () => dispose();
}, [store.msg]);
return (
<div>
<Input type="text" value={msg}/>
<Input type="text" onChange={(e) => store.changeMsg(e.target.value)} />
</div>
);
}
export default Notice;