console
const { useRef, useState, useEffect } = React
function ToastDom(props) {
const [str, setStr] = useState(111)
useEffect(() => {
if (props.value) {
alert(props.value)
}
}, [props.value])
return (
<div>
<div>{props.value}</div>
</div>
)
}
const show = value => {
ReactDOM.render(
<ToastDom value={value} />,
document.getElementById('app')
)
};
const Toast = {
show,
}
function Btn() {
const change = () => {
Toast.show(123)
}
return (
<div>
<div onClick={change}>btn</div>
</div>
)
}
ReactDOM.render(<Btn />, document.getElementById('app'))
<div id="app">
</div>