将 props 传递给组件 - 语法错误

Question

来自APP.JS，我正在尝试调用另一个组件CountryPanel并向它传递参数，但得到语法错误。我做错了什么？

function App(props) {
var countryCode = window.prompt("Enter Country Code")

return (
<div className="App">
{(countryCode == "gl") ? <InfoPanel /> : <CountryPanel (countryCode = countryCode) />}}

第 52：62 行：解析错误：意外的令牌

50 |51 |

52 | {(国家代码 == "gl"( ？ ：<国家面板>}} |

Answer 1

问题就在这里，

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

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

<CountryPanel (countryCode = countryCode) />

你大概是这个意思，

<CountryPanel countryCode={countryCode} />