use-context-hook/examples/single_str/src/components/componentA/index.jsx

React use-context-hook use-context-hook

import React from "react";
import { useContextHook } from "use-context-hook";
import { Context } from "../../context";

export default function ComponentA() {
  const count = useContextHook(Context, "count");
  const setCount = useContextHook(Context, "setCount");
  return (
    <div>
      <div>This is Component A :{(Math.random() * 10000).toFixed(0)}</div>
      <div>Count: {count}</div>
      <br />
      <br />
      <button
        className="button"
        onClick={() => {
          setCount(count + 1);
        }}
      >
        Increment
      </button>
    </div>
  );
}