小编Roh*_*rni的帖子

我是反应框架的初学者,所以我的问题对许多人来说可能是基本的.但请相信我,我一直坚持这一部分.我试图在按钮单击时获取文本框值并将值作为prop发送给其他函数.我能够提取文本框字段的值但是在click事件上,我收到一个错误'无法读取'undefined'的属性'props'.

以下是重点: -

1. termchange()用于提取输入文本值.
2. handleclick用于提取文本框值onclick事件.
3. oncitychange是一个函数,我将发送textbox的值(oncitychange()函数在不同的组件内).

先感谢您.

这是我的代码: -

import React,{ Component } from 'react';
import ReactDom from 'react-dom';
class SearchBar extends Component {
  constructor(props){
    super(props);
    this.state = {
      cityname:''
    }
  }

  render(){
    return(
      <div>
        <span>Enter the city: </span>
        <input type="text" id="txtbox" value={this.state.cityname} 
          onChange={event=>this.termchange(event.target.value)} />
        <input type="submit" onClick={this.handleclick} />
      </div>
    );
  }

  termchange(cityname){
    this.setState({cityname});
  }

  handleclick(){
    this.props.oncitychange(cityname);
  }
}

export default SearchBar;