在React中自动建议输入特定字符

时间:2018-07-17 01:57:31

标签: javascript reactjs react-bootstrap

我使用react.js和react-bootstrap建立了我的网站。我希望我的输入框收集自由文本。当我们在输入框中键入@时,将显示自动提示选项卡。我应该在代码中添加什么才能使其正常工作?

import React, { Component } from 'react'
import { FormControl, FormGroup } from 'react-bootstrap'

export default class Home extends Component {
  constructor(){
    super()
    this.state = {
      Comment:"",
      AutoSuggestComment: false
    }
  }

  handleChange = e => {
    this.setState({ [e.target.id]: e.target.value })
  }

  render() {
    var ParameterList = ['params1','params2','params3','params4']
    return (
      <div>
        <FormGroup controlId="Comment">
          <FormControl componentClass="textarea" style={{ height: 100 }} onChange={this.handleChange} value={this.state.Comment}/>
        </FormGroup>
      </div>
    )
  }
}

0 个答案:

没有答案