How to use

AutosizeInput

in

react-input-autosize

render() {
    const { inputValue } = this.state;

    return (
      <div className="Federation_input">
        <AutosizeInput
          type="text"
          name="inputPriceAsset"
          placeholder="username"
          maxLength="32"
          autoFocus
          value={inputValue}
          onChange={e => this.handleInput(e)}
          onFocus={(e) => {
            const preValue = e.target.value;
            e.target.value = '';
            e.target.value = preValue;
          }}
          onKeyUp={(e) => {
            this.props.onKeyPressed(e.keyCode);
          }} />
      </div>
    );
  }

render() {
    return (
      <div>
        <div className="interactiveWrapper">
          <span className="badgePrefix">{HTTP_DOMAIN_PREFIX}/badge/</span>
          <AutosizeInput
            style={{ fontSize: 18 }}
            class="badgeInput" 
            onChange={this.onLibnameChange} 
            value={this.state.libname}/>
          <span className="badgePostfix">.svg</span>
          <a className="badgeWrapper" href={`/${urlencode(this.state.libname)}/ide`}>
            <img alt="markdown badge" className="badgeImg" src={`/badge/${urlencode(this.state.libname)}.svg`}/>
          </a>
        </div>
        <h4>Use This Markdown</h4>
        <p className="markdownCode">
          {this.getBadgeMarkdown()}
        </p>
      </div>
    );
  }