In react, how to receive and render data in subpage #244
Description
Does Postmate.Model's options can monitor but cant change data in react?
My need is to monitor the data sent by the parent page in the subpage(iframe), and display the data on the subpage after receiving.
The childAPI in Postmate.Model().then() does not have an "on" function like new Postmate().then(), so I put the eventListener-"count" in options, when I get the data and use setState to change it, data can be changed, but the dom does not render this data .
T-T。
Am I use the wrong way?
// iframe
export default function View() {
const [countFromParent, setCountFromParent] = useState(0);
useEffect(() => {
new Postmate.Model({
count: (data) => {
console.log("received:", data) // data has received
setCountFromParent(data);
}
});
}, [])
console.log("countFromParent:", countFromParent) // countFromParent has changed
return (
// but there's actually no rendering
<h1> {countFromParent }</h1>
);
}