我可以在 React hooks（函数组件）中的另一个组件中使用一个组件内的值吗？

Question

component1.js

const component1= (props) => {
     const [**selectedCountry**, setSelectedCountry] = useState();
         <Dropdown onSelect={eventKey => {
          const { code } = countries.find(({ code }) => eventKey === code);
setSelectedCountry(eventKey);
setToggleContents(<><FlagIcon code={code} /> </>);
         }}
       >                            
<Dropdown.Menu>
 {countries.map(({ code, title }) => (
<Dropdown.Item key={code} eventKey={code}><FlagIcon code={code} /> {title}</Dropdown.Item>
   ))}
 </Dropdown.Menu>
</Dropdown>
    .
    .
    }

该组件内的变量。根据下拉变化变成setSelectedCountry。我如何在 component2.js 中获取这个值（我需要 selectedCountry 值）？

export default function component2() {

       useEffect(() => {
        
    postService.getLanguage(**HERE VALUE**).then((response)=>{
            setData(response.data);
        },
        (error) => {
            console.log(error);
        }
        );
}, []);

   ***I will take this value as a parameter and evaluate it in get (selectedCountry)How can I ***
}

Answer 1

是的，您可以在此处使用 createContext 和 useContext 函数： https://reactjs.org/docs/context.html

或者，您可以使用 Redux 来帮助您管理多个组件使用的状态。