javascript – React JS嵌套条件,.map()上的意外错误

我正在尝试渲染嵌套条件,一个案例会让我使用.map()

renderClasses () {
        if (!this.state.classes.length) {
            console.log(this.state.userType)
            if (this.state.userType) return(<div>Add Class</div>)
            else return (<div>Join Class</div>)
        } else {
            return (<div>{
                this.state.classes.map((class) => {
                                             ^ unexpected token here 
                    <div>one class</div>
                })
            }</div>)
        }
    }

    render() {
        if (!this.state.isLogged) {
            return <Redirect to='/' />
        }
        return (
            <div>
                {
                    this.renderClasses()
                }
            </div>
        );
    }

我错过了什么吗?我试着把所有东西都包装成一个< div>或者我理解错了?先感谢您

解决方法:

你不回报任何东西:

this.state.classes.map((item) => {
   <div>one class</div>
})

尝试粘贴return语句

this.state.classes.map((item) => {
   return <div>one class</div>
})

但错误是因为类是保留关键字,请尝试将其命名为item.

上一篇:React和Vue的简单对比


下一篇:javascript – 在React中动态生成JSX