yusei-modal v0.0.3

YUSEI CommonModal

版本

npm version

安装

npm install yusei-commonmodal --save

使用

import YuseiCommonmodal from 'yusei-commonmodal';

class Button extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isModalShow: false,
    }
  }
  handleShow = () => {
    this.setState({
      isModalShow: true,
    })
  }
  handleCancel= () => {
    this.setState({
      isModalShow: false,
    })
  }
  render() {
    const { isModalShow } = this.state;
    return (
      <div className="container">
        <button type="button" onClick={() => this.handleShow()}>show modal</button>
        <YuseiCommonmodal 
          title="test"
          visible={isModalShow}
          onHandleCancel={() => this.handleCancel()}
          isShowConfirmBtn={false}
        >
          <div>test</div>
        </YuseiCommonmodal>
      </div>
    );
  }
}

属性