在呈现集合时，有没有一种方法可以传递依赖于项的local

import React from 'react';

const ItemContext = React.createContext();

import React, { useState } from 'react';
import ItemContext from './ItemContext';

const ParentComponent = () => {
  const [local, setLocal] = useState('local value');

  return (
    <ItemContext.Provider value={{ local, setLocal }}>
      <ChildComponent />
    </ItemContext.Provider>
  );
};

import React, { useContext } from 'react';
import ItemContext from './ItemContext';

const ChildComponent = () => {
  const { local, setLocal } = useContext(ItemContext);

  return (
    <div>
      <p>Local value: {local}</p>
      <button onClick={() => setLocal('new local value')}>
        Update Local
      </button>
    </div>
  );
};