箭头函数加了 {} 则无法展示预置的 this is the first reply

来源:4-2 留言本实例编码

powerful_girl

2021-06-07 07:21

http://img2.mukewang.com/60bd58280001408b14330788.jpg

我在 ul 下面的箭头函数里面,对 li 加了{} ,无法显示 comment 内容。

但是去掉 {} 后就可以展示了,这是为什么?

http://img.mukewang.com/60bd58560001422a14330788.jpg

箭头函数后面的内容,{} 应该不会影响的啊?

http://img.mukewang.com/60bd58710001769802840091.jpg

写回答 关注

1回答

  • Elylic
    2021-07-04 14:44:22
    已采纳

    箭头函数,可以 这么写 () => <li>abc</li> 等同于 () => { return <li>abc</li> } 是一种简写的方式 

    所以老师代码中正确的写法应该是:

    写法1

    http://img3.mukewang.com/60e158a3000152c706340207.jpg

    写法2

    http://img4.mukewang.com/60e158c40001721107090172.jpg

基于实例的 React16 傻瓜课程

通过一系列简单有趣的例子,让你了解 React16 的基本概念和新特性

22372 学习 · 106 问题

查看课程

相似问题