javascript - TypeError：无法读取未定义（匿名函数）src/Components/Contacts/AddContact.js:62 的属性“名称”

Question

有来自反应调试工具的图像

我是 REACT JS 的新手，但我购买了一些 Udemy 课程，并且我一直在遵循教程，因为我也在实施，但我遇到了一些错误，我没有弄清楚，所以我不知道你是否可以帮助我朋友们。

AddContact.js

   render() {
const { name, email, phone, errors } = this.state;
return (
  <Consumer>
    {value => {
      const { dispatch } = value;
      return (
        <div className="card mb-3">
          <div className="card-header">Add Contact</div>
          <div className="card-body">
            <form onSubmit={this.onSubmit.bind(this, dispatch)}>
              <TextInputGroup
                label="Name"
                name="name"
                placeholder="Enter Name..."
                value={name}
                onChange={this.onChange}
                error={this.errors.name}
              />

文本输入组.js

const TextInputGroup = ({
    label,
    name,
    value,
    placeholder,
    type,
    onChange,
    error
                      })

标签： javascriptreactjs