Method render

example/src/App.js:40–228

()

  }

  render() {
    const { place, type, effect } = this.state
    return (
      <div>
        <section className="tooltip-example">
          <h4 className="title">React Tooltip - V4</h4>
          <div className="demonstration">
            <a data-for="main" data-tip="Hello<br />multiline<br />tooltip" data-iscapture="true">
              ◕‿‿◕
            </a>
          </div>
          <div className="control-panel">
            <div className="button-group">
              <div className="item">
                <p>Place</p>
                <a
                  className={place === 'top' ? 'active' : ''}
                  onClick={this.changePlace.bind(this, 'top')}
                >
                  Top<span className="mark">(default)</span>
                </a>
                <a
                  className={place === 'right' ? 'active' : ''}
                  onClick={this.changePlace.bind(this, 'right')}
                >
                  Right
                </a>
                <a
                  className={place === 'bottom' ? 'active' : ''}
                  onClick={this.changePlace.bind(this, 'bottom')}
                >
                  Bottom
                </a>
                <a
                  className={place === 'left' ? 'active' : ''}
                  onClick={this.changePlace.bind(this, 'left')}
                >
                  Left
                </a>
              </div>
              <div className="item">
                <p>Type</p>
                <a
                  className={type === 'dark' ? 'active' : ''}
                  onClick={this.changeType.bind(this, 'dark')}
                >
                  Dark<span className="mark">(default)</span>
                </a>
                <a
                  className={type === 'success' ? 'active' : ''}
                  onClick={this.changeType.bind(this, 'success')}
                >
                  Success
                </a>
                <a
                  className={type === 'warning' ? 'active' : ''}
                  onClick={this.changeType.bind(this, 'warning')}
                >