小编Haf*_*taq的帖子

我是新来的，我正在做一个项目。我遇到了.ts和.tsx扩展。我不明白我应该在哪里使用.tsand .tsx。非常感谢您对此的任何帮助。谢谢！

我是新手，我试图将表单中的值传递给父组件，然后在其他子组件中显示这些值。

我尝试使用状态和道具，但似乎我错过了一些东西。它告诉我你正试图在未定义的值上使用道具。我不知道在哪里。我尝试谷歌搜索并进行了一些搜索。目前没有任何效果。

这是我的代码：

家长：

constructor(props) {
    super(props);

    this.state = {
      name: "",
      age:"",
      gender:""
    };
  }

  changeValue(name,age,gender) {
    this.setState({
      name: name,
      age:age,
      gender:gender
    });
  }

  render() {
    return (
      <div>
        <FormView changeValue={this.changeValue.bind(this)}/>
        <DisplayView name={this.state.name} age= {this.state.age} gender= {this.state.gender}/>
      </div>
    );
  }

孩子 1 :

constructor(props) {
        super(props);
      }

      handleChange(e){
        this.props.changeValue(e.target.name.value,e.target.age.value,e.target.gender.value);
      }

  render() {

    return <form>
        <label>
        Name:
        <input type="text" name="name"  />
        </label>
        <label>
        Age:
        <input type="number" name="age"   />
        </label>
        <label>
        Gender:
        <select name="gender" >
            <option value="Male">Male</option>
            <option value="Female">Female</option>
        </select>
        </label> …