如何在ReactJS中从one.js到two.js访问isValid变量？

Question

我在以下问题中面临问题下面是存储在“ one.js”中的代码]

const One= (props) => {
  const [isValid, setIsValid]=useState(true);
  return(
      <div>Hello</div>
 );
}
export default One;

下面是存储在'two.js'中的代码

import One from './one.js'; 
var Two=()=>{
    return(
        <div>Two</div>
    );
 }
 export default Two;

Answer 1

您无法访问一个组件的状态，因为状态是每个组件的私有状态，因此无法访问但是您可以创建公共的父组件并使用回调函数更改其状态，并将值作为prop传递给Two组件。

流程-一个-> CallbackFunction->父->道具->两个

此外，您也可以尝试使用useContext并在2和1之间共享一些数据值