не могу получить React onClick to fire - PullRequest
Новая
       9

не могу получить React onClick to fire

0 голосов
/ 05 апреля 2020

Я пытаюсь научить себя реагировать. Кажется, у меня проблемы с запуском событий. На данный момент все, что я пытаюсь сделать, это использовать хук useState, чтобы получить и установить кнопку. Кнопка изначально отображается с правильным значением 100. Я ожидаю, что кнопка обновится до 999, когда я нажму кнопку. Спасибо заранее за ваше время!

Ниже находится файл с именем UserInterface. js

import React, { useState } from "react";
import InputElement from "./InputElement";

const useAppState = () => {
  const [numberOfButtonClicks, setnumberOfButtonClicks] = useState(100);

  const setAppState = () => {
    setnumberOfButtonClicks(999);
  };

  return { numberOfButtonClicks, setAppState };
};

const UserInterface = () => {
  const { numberOfButtonClicks, setAppState } = useAppState();

  return (
    <InputElement onClick={setAppState} numClicks={numberOfButtonClicks} />
  );
};

export default UserInterface;

Ниже находится файл с именем InputElement. js

import React from "react";

const InputElement = (props) => (
  <button onClick={() => props.onClick()}>{props.numClicks}</button>
);

export default InputElement;import React from "react";

1 Ответ

0 голосов
/ 05 апреля 2020

Попробуйте изменить <InputElement onClick={setAppState} ... /> на <InputElement onClick={() => setAppState(999)} ... />, и кнопка должна быть <button onClick={props.onClick}>{props.numClicks}</button>

...