javascript - 编译失败：未定义 no-undef

Question

我在 reactJS 中有一个简单的功能组件，其中定义了箭头函数。由于某种原因，它通过函数退出抛出“未定义”错误。它在我的其他存储库中工作，不确定它为什么开始抛出此错误。

我的代码：

模板.js

// Dependencies
import React, { useState } from 'react';


function Login(props) { 


    handleChange = () => {
        console.log('Hello');
    }


    return (
        <div>
            <p> Hello </p>
        </div>
    );
};


export default Login;

错误：

./src/screens/Template.js 第 8 行：'handleChange' 未定义 no-undef

搜索关键字以了解有关每个错误的更多信息。此错误发生在构建期间，无法消除。

标签： javascriptreactjs

Answer 1

您必须在箭头函数的开头写上“const”。因为它不在类组件中。

const handleChange = () => { console.log('Hello'); }

或者你可以只用；

function handleChange() { console.log('Hello'); }