我的狀態變量包含一個對象數組（其中每個對象都包含用戶名、user_DP、imageUrl、標題），這些對象將被渲染，但是在使用 map() 渲染時會出現一個我無法解決的錯誤。狀態變量的例子：this.state = {      route: 'signin',      postDetails: [...]    };我的 render() 看起來像render(){    const {route, postDetails} = this.state;    return (      <div className="App">      {        route === 'home' ?          <Navbar/>            {              postDetails.map((post,index)=>{                return(<Post                         key = {index}                         username = {post.username}                         user_DP = {post.user_DP}                        imageUrl = {post.imageUrl}                        caption = {post.caption}                      />);                    })            }          :          (            route === 'signin'?              <Signin onRouteChange = {this.onRouteChange}/>              :              <Signup onRouteChange = {this.onRouteChange}/>          )      }      </div>    );  }我收到這樣的錯誤Syntax error: Unexpected token, expected ":" (44:13)  42 |         route === 'home' ?  43 |           <Navbar/>> 44 |             {     |             ^  45 |               postDetails.map((post,index)=>{  46 |                 return(<Post   47 |                         key = {index}請幫助消除此錯誤，這將對我有很大幫助。