Как связать компоненты на React?

Question

[Алексей Орлов]

Только недавно начал изучать React , поэтому возник вопрос.
У меня есть файл App в котором есть element и есть файл Button с аналогичным компонентом. Как связать App и Button, чтобы при нажатии на кнопку менялось значение element , которое находится в App (например, из значения вычиталась единица)?
Песочница

Answer 1

[hzzzzl]

https://codesandbox.io/s/frosty-voice-3bjhb

https://ru.reactjs.org/tutorial/tutorial.html#pass...

Comments

[Алексей Орлов]

Спасибо!

Answer 2

[Артур Т]

Либо можно на хуках

const Button = ({ handler }) => (
  <button onClick={handler}>Нажми на меня</button>
);

const App = () => {
  const [element, setElement] = useState(1000000);

  const handler = () => {
    setElement(element - 1);
  };

  return (
    <div className="page" id="page">
      <div className="element">{element}</div>
      <Button handler={handler} />
    </div>
  );
};