ReactJs - 期望一个赋值或函数调用，而是看到一个表达式

Posted 2023-02-21

【中文标题】ReactJs - 期望一个赋值或函数调用，而是看到一个表达式

【英文标题】：ReactJs - Expected an assignment or function call and instead saw an expression

【发布时间】：2020-11-08 21:58:50

【问题描述】：

我确实对 *** 进行了研究，并收到了一些结果，但仍然无法帮助我正确解决这个不同的问题。 （函数和类的区别）

（期望一个赋值或函数调用，而是看到一个表达式 no-unused-expressions。） 在

我是这个主题的新手。如果有人可以帮助我，我真的很感激^_^。非常感谢。

function App() 
  var products7 = [
            
                 name: 'Hollow Knight',
                 id : 1,
                 price: '3$',
                 status : true,
                 image: 'https://yuzu-emu.org/images/game/boxart/hollow-knight.png'
            ,

            
                 name: '60 Second!',
                 id : 2,
                 price: '4$',
                 status : true
                 image: 'https://yuzu-emu.org/images/game/boxart/hollow-knight.png'

            ,

            
                 name: 'Valiant Heart',
                 id : 3,
                 price: '5$',
                 status : true
                 image: 'https://yuzu-emu.org/images/game/boxart/hollow-knight.png'

            ,
  ];

  let elements = products7.map((Product7, index) => 
       
       return     

<Product7 key= products7.id
          image=products7.image 
          price=products7.price > 

          products7.name


           </Product7>


  );

【问题讨论】：

JSX 你在一组 ( ) 中返回

【参考方案1】：

您的return 声明不正确。试试这个

let elements = products7.map((product7, index) =>  // variable name updated
       
       return (    
          <Product7 key= products7.id
          image=products7.image 
          price=products7.price > 
          products7.name
          </Product7>
         )

  );

【讨论】：

×我做了如下（尝试包装返回）但收到此消息错误：元素类型无效：期望字符串（对于内置组件）或类/函数（对于复合组件）但得到：对象。我也按照我做的教程视频做了（不同之处在于他使用了“类”而我使用了“功能”，然后我认为这可能会导致某个地方）。顺便说一句，感谢您回答我的问题。非常感谢任何进一步的帮助。

您的组件名称是什么？您的组件名称和地图变量相同，我已经更新了他们的答案。 @ThanhVinh

组件名称为 Product7。 map 的变量是 products7（添加了一个额外的“s”）。好吧！

@ThanhVinh Product7 也在您传递给map 的匿名函数中声明。

【参考方案2】：

您需要将返回码包装在地图中

 let elements = products7.map((Product7, index) => 
       
       return (     

         <Product7 key= products7.id
          image=products7.image 
          price=products7.price > 

          products7.name


           </Product7>)


  );

【讨论】：

×我做了如下（尝试包装返回）但收到此消息错误：元素类型无效：期望字符串（对于内置组件）或类/函数（对于复合组件）但得到：对象。我也按照我做的教程视频做了（不同之处在于他使用了“类”而我使用了“功能”，然后我认为这可能会导致某个地方）。顺便说一句，感谢您回答我的问题。非常感谢任何进一步的帮助。