我可以在 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 来帮助您管理多个组件使用的状态。

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

Can I use a value inside a component in another component in React hooks (function component)?

components

reactjs

react-props

react-hooks