Javascript 未在react中定义handleChange no undef

未定义handleChange无undef，当rum=n时，在react中显示此信息

function ApplicationCategories() {
      const options = ["Africa", "America", "Asia", "Europe"];
      handleChange = (event, value) => {
        console.log(value);
      };
      return (
        <SecureLayout>
            <ReactSelectMaterialUi
              style={{ width: 100 }}
              value="Europe"
              options={options}
              onChange={this.handleChange}
            />
        </SecureLayout>
      );
    }

函数应用程序类别（）{
const options=[“非洲”、“美洲”、“亚洲”、“欧洲”]；
handleChange=（事件、值）=>{
console.log（值）；
};
返回(
);
}

onChange={handleChange}

不是

onChange={this.handleChange}

，因为您希望传递在函数体中定义的函数的引用<代码>此项。当您想要访问类属性时，会使用一些

handleChange = (event, value) => {
   console.log(value);
};

上面的代码段用于声明类中的方法

因为您想在函数体中声明函数，所以应该

const handleChange = (event, value) => {
   console.log(value);
};

---

onChange={handleChange}

不是

onChange={this.handleChange}

，因为您希望传递在函数体中定义的函数的引用<代码>此项。当您想要访问类属性时，会使用一些

handleChange = (event, value) => {
   console.log(value);
};

上面的代码段用于声明类中的方法

因为您想在函数体中声明函数，所以应该

const handleChange = (event, value) => {
   console.log(value);
};

---

使用react函数时，需要使用const或let声明内部函数。那你就不用用这个了。这不再是一门课了

函数应用程序类别（）{
const options=[“非洲”、“美洲”、“亚洲”、“欧洲”]；
常量handleChange=（事件、值）=>{
console.log（值）；
};
返回(
);
}

使用react函数时，需要使用const或let声明内部函数。那你就不用用这个了。这不再是一门课了

函数应用程序类别（）{
const options=[“非洲”、“美洲”、“亚洲”、“欧洲”]；
常量handleChange=（事件、值）=>{
console.log（值）；
};
返回(
);
}

您正在使用一个

功能组件

。它也被称为

无状态组件

因此，应该使用

const/let

来定义

方法。打电话时不要使用
这个

function ApplicationCategories() {
      const options = ["Africa", "America", "Asia", "Europe"];
      
      const handleChange = (event, value) => {
        console.log(value);
      };

      return (
        <SecureLayout>
            <ReactSelectMaterialUi
              style={{ width: 100 }}
              value="Europe"
              options={options}
              onChange={handleChange}
            />
        </SecureLayout>
      );
    }

函数应用程序类别（）{
const options=[“非洲”、“美洲”、“亚洲”、“欧洲”]；
常量handleChange=（事件、值）=>{
console.log（值）；
};
返回(
);
}
您正在使用一个
功能组件
。它也被称为
无状态组件

因此，应该使用
const/let
来定义
方法。打电话时不要使用
这个

function ApplicationCategories() {
      const options = ["Africa", "America", "Asia", "Europe"];
      
      const handleChange = (event, value) => {
        console.log(value);
      };

      return (
        <SecureLayout>
            <ReactSelectMaterialUi
              style={{ width: 100 }}
              value="Europe"
              options={options}
              onChange={handleChange}
            />
        </SecureLayout>
      );
    }

函数应用程序类别（）{
const options=[“非洲”、“美洲”、“亚洲”、“欧洲”]；
常量handleChange=（事件、值）=>{
console.log（值）；
};
返回(
);
}
@TusharKumawat两个更改都是您做的吗？@TusharKumawat两个更改都是您做的吗？这不在该范围内定义。因此，只需将函数声明为变量var/const/let。现在它在函数的范围内。此外，变量需要上述任一修饰符（const/let/var）。那么它应该会起作用@TusharKumawat@TusharKumawat理想情况下，如果您使用的是功能组件，它应该可以工作。你能告诉我你在代码中做了什么改变吗？这个范围没有定义。因此，只需将函数声明为变量var/const/let。现在它在函数的范围内。此外，变量需要上述任一修饰符（const/let/var）。那么它应该会起作用@TusharKumawat@TusharKumawat理想情况下，如果您使用的是功能组件，它应该可以工作。你能告诉我你的代码有什么变化吗？