反应原生的花括号答案

【问题标题】：Curly braces in react native反应原生的花括号
【发布时间】：2017-10-22 18:46:50
【问题描述】：

在 react native 渲染函数中，我尝试过写类似的东西：

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

我以为我可以在那里写任何 JS 代码，但似乎这是一个错误。谁能解释一下为什么？

【问题讨论】：

为什么不能将 {let a=5} 移到 return 语句上方？此外，在 React Native 中，您必须将任何实际输出嵌入到块中（不同于 web React）。
这是一个理论问题。想了解可以添加什么。

【解决方案1】：

问题与 ReactNative 无关，而与 JSX 语法有关。

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

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

【讨论】：