Renderowanie tablicy przez funkcję spoza render()

Question

Cześć, mam mniej więcej taki kod:

renderArrayEl = () => {
  const array = [0,1,2,3,4,5]
  array.map(el => {
    return <p>{el}<p>
  })
}

render () {
  <>
    <h1>coś tam</h1>
    {this.renderArrayEl()}
  </>
}

i problem polega na tym, że ta funkcja renderArrayEl() nie za bardzo chce mi wyświetlić zawartość tablicy. Wiem, że mogę to zrobić w {} w środku render. Jednak zależy mi na tym aby funkcja wyświetlająca była poza funkcją render() i w niej po prostu wywołona. Czy jest możliwe coś takiego ?

Comments

Czemu chcesz coś takiego zrobić?

---

Chciałbym napisać to jakoś lepiej, ale chyba się nie da... Po prostu dostałem polecenie, aby to zmienić, ponieważ wyciągniecie tej funkcji poza render sprawi, że kod będzie czytelniejszy - "It's a bit tricky to follow at present."

Answer 1

Ok, źle zrozumiałem pytanie. Myślałem, że chodziło Ci o wywoływanie tego poza render.

Brakuje Ci return przed array.map – bez niego nic nie zwracasz z tej funkcji.