wyświetlanie daty react

Question

Nie umię wyświetlić daty nie wiem dlaczego, w konsoli wyświetla się tak

  console.log(props.setTime)

Sat Aug 01 2020 00:00:00 GMT+0200 (czas środkowoeuropejski letni)

 

kod jest taki

<>
            <div className='task-container'>
                <div className='title'>
                    <div className='title-wrapper'>
                        <input onClick={(id) => { handleTitle(itemDetail[0]) }} className='title-check' id={itemDetail[0].title} type="checkbox" checked={itemDetail[0].titleMarked} />
                        <label onClick={(id) => { handleTitle(itemDetail[0]) }} className='title-label' htmlFor="todo" data-content={details.title}>{details.title}</label>
                    </div>
                    <i onClick={() => { clickDelete(details.id) }} className="fas fa-trash-alt"></i>
                </div>
                {alldetails}
            </div>
            <div>{props.setTime}</div>
        </>

- przedostatnia linijka

a taki jest błąd w konsoli

react-dom.development.js:13413 Uncaught Error: Objects are not valid as a React child (found: Sat Aug 01 2020 00:00:00 GMT+0200 (czas środkowoeuropejski letni)). If you meant to render a collection of children, use an array instead.

Ktoś wie o co chodzi? proszę o radę

Comments

props.setTime to jest zwykły obiekt? console.log pewnie spodem woła na nim toString, stąd w konsoli wyświetla string, a React może chcieć tam obiektu DOM, a nie zwykłego obiektu.

---

@rob, Tutaj malo widac, Jak renderujesz ten komponent? Jak dokładnie wyglądają Twoje propsy?

Answer 1

Wygląda jakby `props.setTime` był typu Date

Zamień `props.setTime` na `props.setTime.toLocaleString()`, albo użyj dowolnej innej metody zamiany daty na stringa

Comments

dzieki, właśnie o to chodziło