反应式大括号

Question

在react本机呈现函数中，我尝试编写如下内容：

render(){
  return (
    <View>
      {let a=5}
    </View>
  )
}

我以为我可以在那里编写任何JS代码，但这似乎是一个错误。有人能解释原因吗？

Answer 1

这个问题不是与ReactNative有关，而是与JSX语法有关。

你只能在JSX中嵌入表达式。let a=5不是表达式，而是赋值，尝试在浏览器控制台中执行(let a = 5)，您将看到一个错误。您必须将变量声明在JSX之上。

render(){
   let a = 5;
   return (
     <View>
      {/* use `a` here */}
     </View>
   )
}