reactjs – 期望在React JS中返回此函数array-callback-return末

发布时间：2020-12-15 20:15:13 所属栏目：百科来源：网络整理

导读：render() { const rowLeft = []; const rowRight = []; let a = this.props.ntn; Object.keys(this.props.ntn).map((keyName,keyIndex) ={ if (keyName === "_id" || keyName === "name" || keyName === "description" || keyName === "instant" || keyName

render() {

        const rowLeft = [];
        const rowRight = [];
        let a = this.props.ntn;
        

       Object.keys(this.props.ntn).map((keyName,keyIndex) =>{

        if (keyName === "_id" || keyName === "name" || keyName === "description" || keyName === "instant" || keyName === "active") {
                  if (keyName === "beacon" || keyName === "group") {

            return rowLeft.push(<InfoRow notification={keyName} notificationValue={a[keyName].name.toString()} key={keyIndex}/>)
          } 

        else if (a[keyName].offers) {

            return rowLeft.push(<InfoRow notification={keyName} notificationValue={a[keyName].offers.toString()} key={keyIndex}/>)
          }

          else {

            return rowLeft.push(<InfoRow notification={keyName} notificationValue={a[keyName].toString()} key={keyIndex}/>)
         }}
       
       });

       Object.keys(this.props.ntn).map((keyName,keyIndex) =>{

        if (keyName === "levelType" || keyName === "triggeringEvents" || keyName === "type" || keyName === "beacon" || keyName === "inbox") {
                  if (keyName === "beacon" || keyName === "group") {

            return rowRight.push(<InfoRow notification={keyName} notificationValue={a[keyName].name.toString()} key={keyIndex}/>)
          } 

        else if (a[keyName].offers) {

            return rowRight.push(<InfoRow notification={keyName} notificationValue={a[keyName].offers.toString()} key={keyIndex}/>)
          }

          else {

            return rowRight.push(<InfoRow notification={keyName} notificationValue={a[keyName].toString()} key={keyIndex}/>)
         }}
       
       });

        return (

我做了这样的事
实际上,我正在获取值并显示页面上的所有详细信息
现在是什么东西我收到了这个警告
“预计在React JS中返回此函数数组末尾的值 – callback-return”
有解决方案吗怎么处理呢？

解决方法

TLDR：最简单的解决方法是使用Object.keys(this.props.ntn).forEach而不是.map并使所有返回rowLeft.push只是rowLeft.push.

答案很长：

ESLint array-callback-return警告确保您始终从map,filter和reduce等方法返回值.如果您具有以下格式,则不会首先返回值：

if condition1 {
   if condition2 {
      return
   }
   // here you are missing a return
}
else if ...

但是,您没有正确使用地图.你应该使用forEach.

当然,您的代码可以使用map重写,请考虑：

const {ntn} = this.props;

const rowLeft = Object.keys(ntn).map((keyName,keyIndex) => {
   const value = ntn[keyName];
   let notificationValue;   

   if (['_id','name','description','instant','active','beacon','group'].includes(keyName) {
       notificationValue = value.name.toString();
   } else if (value.offers) {
       notificationValue = value.offers.toString();
   } else {
       notificationValue = value.toString();
   }

   return (
      <InfoRow notification={keyName} notificationValue={notificationValue} key={keyIndex}/>
   );
});

另请注意,在您的示例中,第一个条件永远不会执行,因为它需要keyName一次具有两个值.我用一个条件取而代之,我想这就是你想要的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!