尝试呈现反应组件时未定义“名称框”反应/jsx-no-undef 错误

Question

我正在学习反应，但我被困在这个问题上。我要做的就是渲染一个驻留在当前类中的组件。当我运行这段代码时，我得到了一个错误。

这是代码。

class NamesBox extends React.Component{

    constructor(){
        super();
    }

    Namebox(props){
        return(
          <div>
             <div>{props.name}</div>
           </div>
        );
    }

    sayHello() {
        let names = ["joseph",'john','megha','nadhiya'];
        return names.map(name => {
            return (
            <Namebox name={name} key={name}/>
            );
        })
    }


    render (){
        return (this.sayHello());
    }

};

export default NamesBox;

无法编译 ./src/NamesBox.js 第 21:5 行：'Namebox' 不是 定义 react/jsx-no-undef

搜索关键字以了解有关每个错误的更多信息。

Answer 1

namebox 是一个函数而不是一个组件。您正试图在 sayHello 函数中作为组件调用它。请改用this.namebox(name)。您不应该在组件中创建组件，因此namebox 只是一个函数，它应该以小写字母开头。