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

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

作为旁注，您可能会发现this post很有趣。这是对无状态功能组件的深入解释。