Вопрос с array.map()

Выходеит ошибка Line 11:21: Expected an assignment or function call and instead saw an expression no-unused-expressions

import React from 'react'
import Task from '../task/Task'


export default function(props){
    console.log("props of wraper ", props)
    if(props.countOfTasks.length > 1){
        return(
            <div>
                {props.countOfTasks.map((task, index)=>{
                    <Task nameOfTask={props.task.nameTask} startAt={props.task.startAt}/>
                })}
            </div>
                
       
        )
    }else{
        return(
            <Task nameOfTask={props.countOfTasks[0].nameTask} startAt={props.countOfTasks[0].startAt}/>
        )
    }
    
}


Ответы (1 шт):

Автор решения: 1ocke

Вы хотите возвращать Task, но не делаете этого.

{props.countOfTasks.map((task, index) => {
  return <Task nameOfTask={props.task.nameTask} startAt={props.task.startAt}/>
})}

Или же, используя фишку стрелочной функции:

{props.countOfTasks.map((task, index) => (
  <Task nameOfTask={props.task.nameTask} startAt={props.task.startAt}/>
))}
→ Ссылка