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

2020-07-28  本文已影响0人  Poppy11

一. 使用()的情况:

   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)}

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

上一篇下一篇

猜你喜欢

热点阅读