如何在ReactJS中连接名字和姓氏？

名字：

handleFirstName(e) {
      let value = e.target.value;
      this.setState(prevState => ({
        newUser: {
          ...prevState.newUser,
          name: value
        }
      }));
    }

handleLastName(e) {
    let value = e.target.value;
    this.setState(prevState => ({
      newUser: {
        ...prevState.newUser,
        name: value
      }
    }));
  }

姓氏：

handleFirstName(e) {
      let value = e.target.value;
      this.setState(prevState => ({
        newUser: {
          ...prevState.newUser,
          name: value
        }
      }));
    }

handleLastName(e) {
    let value = e.target.value;
    this.setState(prevState => ({
      newUser: {
        ...prevState.newUser,
        name: value
      }
    }));
  }

---

如何在React js中连接名字和姓氏？有人能帮助我全名的方法是什么吗？

除了在方法中添加到名称之外，还有几种获取全名的方法，您可以添加到firstName和lastName中，然后编写一个方法

getFullName（）

来访问它，还要确保在状态中定义了newUser

import React, { Component } from "react";

class User extends Component {
  state = {
    newUser: { firstName: "", lastName: "" }
  };
  handleFirstName(e) {
    let value = e.target.value;
    this.setState(prevState => ({
      newUser: {
        ...prevState.newUser,
        firstName: value
      }
    }));
  }
  handleLastName(e) {
    let value = e.target.value;
    this.setState(prevState => ({
      newUser: {
        ...prevState.newUser,
        lastName: value
      }
    }));
  }

  getFullName() {
    return this.state.newUser.firstName + " " + this.state.newUser.lastName;
  }

  render() {
    return (
      <div>
        <input
          type="text"
          onChange={this.handleFirstName.bind(this)}
          placeholder="Enter first Name"
        />
        <input
          type="text"
          onChange={this.handleLastName.bind(this)}
          placeholder="Enter last Name"
        />
        FullName: {this.getFullName()}
      </div>
    );
  }
}
export default User;

import React，{Component}来自“React”；
类用户扩展组件{
状态={
新用户：{firstName:，lastName:}
};
handleFirstName（e）{
设值=e.target.value；
this.setState（prevState=>({
新用户：{
…prevState.newUser，
名字：value
}
}));
}
handleLastName（e）{
设值=e.target.value；
this.setState（prevState=>({
新用户：{
…prevState.newUser，
姓氏：value
}
}));
}
getFullName（）{
返回this.state.newUser.firstName+“”+this.state.newUser.lastName；
}
render（）{
返回(
全名：{this.getFullName（）}
);
}
}
导出默认用户；

---

你可以在这里玩

这里可能是你想要的：

this.setState(prevState => ({ fullName: [...prevState.fullName, { firstName: "", lastName: "" }]

请注意，全名应如下所示：

    fullName: [{firstName: "", lastName: ""}],

---

请张贴完整的组件。