SOURCE

console 命令行工具 X clear

                    
>
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>

本项目引用的自定义外部资源