没有看出来哪里错了


  • 0

    class Lesson extends Component {
    handleKey(){
    console.log(${this.props.index}-${this.props.lesson.title})
    }
    render(){
    return(
    <div onClick={this.handleKey.bind(this)}>
    <h1>{this.props.lesson.title}</h1>
    <p>{this.props.lesson.description}</p>
    </div>
    )
    }
    }

    class LessonsList extends Component {
    render(){
    return(
    <div>
    {
    this.props.lessons.map((lesson,i)=>{
    <Lesson lesson={lesson} key={i} index={i}/>
    })
    }
    </div>
    )
    }
    }
    报不能正确的渲染


  • 0

    @ruyan没有看出来哪里错了 中说:

    this.props.lessons.map((lesson,i)=>{
    <Lesson lesson={lesson} key={i} index={i}/>
    })

    箭头函数写错了,没有返回值。
    正确写法:

    1. 返回值用圆括号包裹起来
      this.props.lessons.map((lesson,i)=>(
      <Lesson lesson={lesson} key={i} index={i}/>
      )
      )
    2. 或者用return
      this.props.lessons.map((lesson,i)=>{
      return <Lesson lesson={lesson} key={i} index={i}/>
      })

登录后回复
 

与 ScriptOJ 的连接断开,我们正在尝试重连,请耐心等待