Skip to content

Latest commit

 

History

History
45 lines (34 loc) · 670 Bytes

ref.md

File metadata and controls

45 lines (34 loc) · 670 Bytes

关于 id

引用组件时,推荐 <Toast id="toast" /> , 即使用 属性id 。

如果确定全局只有一个该组件,可以在实例中直接指定id,调用时可以省略id <Toast />

import React from 'react';
import { ref } from 'react.eval';

@ref
class Toast extends React.Component {

  id = 'toast';

  constructor(props) {
    super(props);
    this.state={
      show:false,
    };
  }
  show=()=>{
    this.setState({
      show:true,
    });
  }
  render() {
    const { show } = this.state;
    return show && (
      <div>Hello world!!!</div>
    );
  }
}
export default Toast;