反应中使用无状态函数的意外令牌

Question

尝试避免Component的扩展,因为组件只是呈现数据,它可以是独立的.

const CountDown = () => {
    render(){
        return(
            <p>Countdown.jsx</p>
        )
    }
}

module.exports = Countdown

但是怎么了？我得到了意想不到的令牌render(){ ... }

Answer 1

无状态功能组件没有render()方法......实际上它们没有任何方法,因为它们本身就是一种方法.

尝试改为:

const CountDown = () => {
  return(
    <p>Countdown.jsx</p>
  )
}

module.exports = Countdown

甚至:

const CountDown = () => <p>Countdown.jsx</p>
module.exports = Countdown

作为旁注,您可能会发现这篇文章很有趣.这是对无状态功能组件的深入解释.