未定义Get'Namebox'尝试呈现React组件时发生react / jsx-no-undef错误

Question

我正在学习反应，因此在这个问题上陷入困境。我要做的就是渲染一个驻留在当前Class中的组件。当我运行此代码时，出现错误。

这是代码。

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是一个函数而不是组件。您正在尝试在“ hello”内部作为组件调用它。尝试使用namebox（name）。