Reactjs 将道具传递给组件-语法错误

在APP.JS中，我试图调用另一个组件CountryPanel并向其传递参数，但出现语法错误。我做错了什么

function App(props) {
  var countryCode = window.prompt("Enter Country Code")
  
  return (
    <div className="App">
      {(countryCode == "gl") ? <InfoPanel /> : <CountryPanel (countryCode = countryCode) />}}

功能应用程序（道具）{
var countryCode=window.prompt（“输入国家代码”）
返回(
{（countryCode==“gl”）？：}

第52:62行：分析错误：意外令牌

50 |
五十一|

52{（国家代码==“gl”）？：} |

问题就在这里,

{(countryCode == "gl") ? <InfoPanel /> : <CountryPanel (countryCode = countryCode) />}}

{（countryCode==“gl”）？：}

你为什么在这里用第一个括号

<CountryPanel (countryCode = countryCode) />

你可能是这个意思

<CountryPanel countryCode={countryCode} />

谢谢..aXuser264..这两种语法有什么区别？我的意思是它们之间有什么区别：1.@nktoronto我找不到任何关于第二种语法的东西，它只是给了我语法错误。我不认为这是一种将

道具

传递给组件的方法。第一种语法是我从react docs获得的，它可以工作，（请注意，您可以通过对一个析构函数对象执行一些疯狂的操作，比如

{…somthing}

）