LeshaGFB
@LeshaGFB
Верстальщик

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

Только недавно начал изучать React , поэтому возник вопрос.
У меня есть файл App в котором есть element и есть файл Button с аналогичным компонентом. Как связать App и Button, чтобы при нажатии на кнопку менялось значение element , которое находится в App (например, из значения вычиталась единица)?
Песочница
  • Вопрос задан
  • 52 просмотра
Решения вопроса 2
@ArturFirst
Либо можно на хуках
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>
  );
};
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы