箭头函数箭头后面使用(), 还是({}), 还是什么括号都不适用
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)}
箭头后面只有一条语句时, 可以直接将该条语句写在 =>后面