use-context-hook/examples/single_str/src/components/componentB/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 ComponentB() {
  const text = useContextHook(Context, "text");
  const setText = useContextHook(Context, "setText");

  return (
    <div>
      <div>This is Component B :{(Math.random() * 10000).toFixed(0)}</div>
      <div>Text: {text}</div>
      <br />
      <br />
      <input
        className="input"
        value={text}
        onChange={(e) => setText(e.target.value)}
      />
    </div>
  );
}