Javascript 正在获取意外令牌,应为“&引用;在尝试映射React中的数组时

Javascript 正在获取意外令牌,应为“&引用;在尝试映射React中的数组时,javascript,reactjs,Javascript,Reactjs,所以,这就是我在返回中所做的: return ( <React.Fragment> <Styles> <Container> <Row className="rows container"> {results.length > 0 && ( {results.map(result => (

所以,这就是我在返回中所做的:

return (
    
    <React.Fragment>
      <Styles>
      <Container>
          <Row className="rows container">
          {results.length > 0 && (  
          {results.map(result => (
            
            <Col className="columns " xs={12} sm={6} md={4} lg={3} >
              <img src={result.poster_path}  alt="movie poster" />
              </Col>
              
          ))}
          )} 
              
          
        </Row>
        </Container>
        </Styles>
    </React.Fragment>
  )
返回(
{results.length>0&&(
{results.map(结果=>(
))}
)} 
)

但是,它给了我一个意外的错误标记,应该是“,”。我不明白,尤其是因为我在另一个组件中使用了相同的语法,并且没有报告任何错误。

您的返回语句应该是这样的

返回(
{results.length>0&&
results.map(result=>(
))}
)
(我删除了
results.map周围的方括号)


方括号用于通知jsx您将在jsx内执行javascript。您已经在
{results.length
上开始执行,如果在js执行块中添加另一对括号,js将在您创建对象时看到它,因此会出现预期的逗号错误。

您的返回语句应该如下所示

返回(
{results.length>0&&
results.map(result=>(
))}
)
(我删除了
results.map周围的方括号)


方括号用于通知jsx您将在jsx内执行javascript。您已经在
{results.length
,如果在js执行块中添加另一对括号,js将在您创建对象时感知到它,因此会出现预期的逗号错误。

哪一行出现此错误?什么是
意外标记
?这是results.map行如果它太大了,我强烈建议使用Pretter(自动格式化代码)删除
{}
来自周围的
results.map
谢谢。这很有效。你会在哪一行出现此错误?什么是
意外标记
?这是结果。map line我建议你将整个组件/a codesandbox.io发布到它,如果它太大,我还强烈建议使用preter(自动格式化代码)删除
{}
来自about
results.map
谢谢。这很有效。哦,好的。实际上,我在另一个组件中用花括号括住了map,它没有报告任何错误。但是在map之前,我有引导的容器和行组件,所以可能这就是为什么它在该组件中没有报告任何错误。无论如何,你的解决方案对我来说是可行的.Thanksoh好的。事实上,我在另一个组件中用花括号括住map,它没有报告任何错误。但在map之前,我有bootstrap的容器和行组件,所以可能这就是它在该组件中没有报告任何错误的原因。无论如何,你的解决方案对我来说是有效的。谢谢