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

时间:2020-07-06 00:29:07

标签: reactjs react-props

从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 | {(countryCode ==“ gl”)吗? :}}} |

1 个答案:

答案 0 :(得分:1)

问题出在这里

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

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

<CountryPanel (countryCode = countryCode) />

你可能是这样的意思

<CountryPanel countryCode={countryCode} />