How to catch a child object using Axios?

Question

I’m making a website using React. When I run the GET method, I get the following result

On the front, the code is like this:

import React from 'react'
import axios from 'axios'

export default class ListaTarefas extends React.Component {
  state = {
    tarefas: []
  }

  componentDidMount() {
    axios.get('http://localhost:3004/api/listaTarefas/')
      .then(res => {
        const tarefas = res.data
        console.log(res.data)
        this.setState({ tarefas })
      })
  }

  render() {
    return (
      <ul>
        { this.state.tarefas.map(tarefa => 
        <li key={tarefa._id}> {tarefa.nomeTarefa} </li>)}
      </ul>
    )
  }
}

I can normally take the Filename, complete, etc, but I would like to know how to get the attribute Filename, which has other attributes.

Answer 1

task.subTarefa.nameSub or task.subTarefa[0]. nameSub