尝试呈现反应组件时出现 'Namebox' is not defined react/jsx-no-undef 错误

Question

我正在学习 React，但我被这个问题困住了。我想要做的就是渲染一个位于当前 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;

Failed to compile ./src/NamesBox.js Line 21:5: 'Namebox' is not defined react/jsx-no-undef

Search for the keywords to learn more about each error.

Answer 1

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

尝试呈现反应组件时出现 'Namebox' is not defined react/jsx-no-undef 错误

Getting 'Namebox' is not defined react/jsx-no-undef error when trying to render a react Component

javascript

reactjs

react-component