Как исправить проблему с передачей state в props?

Question

[gazes12]

import React from 'react';
import Form from './components/Form';
import Online from './components/Online';

function App() {

  const state = {
    a: undefined,
  }

  const getApi = async (e) =>{
    e.preventDefault();
    const api = await fetch('https://api.wrimororld.com/online');
    const data = await api.json();
    console.log(data);

    state.setState = {
      a: data.potato,
    }
  }

  return (
    <div className="App">
      <Form MethodGetOnline={getApi}/>
      <Online total={getApi.state.a}/> /*Не работает эта строка*/
    </div>
  );
}

export default App;

Буду благодарен за помощь!

Comments

[WbICHA]

Я вот не пойму, как можно начать использовать функциональные компоненты, при этом вообще ничего о них не читая?

[gazes12]

WbICHA, Где про них читать? В документации про них ничего нету

[WbICHA]

gazes12, надеюсь ты шутишь, иначе у меня для тебя плохие новости.

Answer 1

[HealSpirit]

Опять мешаете классовые и функциональные компоненты. Заменить state и setState на хук useState