美文网首页
箭头函数箭头后面使用(), 还是({}), 还是什么括号都不适用

箭头函数箭头后面使用(), 还是({}), 还是什么括号都不适用

作者: Poppy11 | 来源:发表于2020-07-28 16:26 被阅读0次

一. 使用()的情况:

   list.map(item=>(<WriterContentWrap>内容</WriterContentWrap>)
    等同于:
    list.map(item=>{return(<WriterContentWrap>内容</WriterContentWrap>)})

箭头后面跟的是JSX表达式时, 只需要使用();

二. 使用({})的情况:

 const mapState =  (state) => ({list: state.getIn(["home","WriterList"])});
 等同于:
 const mapState =  (state) => {return({list: state.getIn(["home","WriterList"])})};

箭头后面返回的是一个对象时, 需要使用({});

三. 什么括号都不适用

(a,b)=>a+b;    
等同于 
(a,b) =>{return(num1 + num2)}

箭头后面只有一条语句时, 可以直接将该条语句写在 =>后面

相关文章

  • 箭头函数箭头后面使用(), 还是({}), 还是什么括号都不适用

    一. 使用()的情况: 箭头后面跟的是JSX表达式时, 只需要使用(); 二. 使用({})的情况: 箭头后面返回...

  • 箭头函数的用法

    箭头函数的使用 上面代码中,箭头函数的参数如果有一个就不用带括号,如果多个参数就得使用括号了。 箭头函数this的...

  • 函数的扩展

    1、箭头函数 ES6 允许使用箭头函数。 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。 ...

  • 箭头函数

    箭头函数 为什么使用箭头函数

  • ES6函数

    箭头函数的声明 ES6 箭头函数声明注意事项: 如果箭头函数不需要参数 或者 需要多个参数,就要使用圆括号代表参数...

  • 2018-11-05

    箭头函数 基本用法: 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。 如果箭头函数的代码块部...

  • 箭头函数加括号与不加括号的区别?

    这是一个加了花括号的箭头函数 没加花括号的箭头函数 实践证明:不加花括号的箭头函数,代码运行将会自动在代码前面补充...

  • 箭头函数小记

    箭头函数返回对象 如果箭头函数只有一行语句,且不需要返回值,可以采用下面的写法,就不用写大括号了 使用箭头函数需要...

  • js学习笔记4(函数)

    1.箭头函数 ES6新增属性。箭头函数特别适合嵌入函数的场景。 箭头函数虽然语法简介,但是很多场合不适用。箭头函数...

  • 箭头函数中this的指向

    箭头函数在平时开发中用着非常爽,箭头函数有什么特点呢 箭头函数不能够当做构造函数使用 箭头函数没有argument...

网友评论

      本文标题:箭头函数箭头后面使用(), 还是({}), 还是什么括号都不适用

      本文链接:https://www.haomeiwen.com/subject/mzofrktx.html