Javascript Reactjs：是否可以使用另一个父组件的父组件属性'；s子组件

我有一个名为separatefile.jsx的文件，在这个文件中，父组件名是Content，子组件名是child

separatefile.jsx

从“React”导入React；
从“/learning.jsx”导入父项；
类内容扩展了React.Component{
构造函数（）{
超级（）；
此.state={
发现：“我正在发现”
}
}
render（）{
返回(
);
}
}
子类扩展了React.Component{
render（）{
返回(
{this.props.childprop}
子类属性
);
}
}
导出默认内容这可能不是一个直接的答案，但如果您正在启动一个新的应用程序，我建议您使用

Redux是JavaScript应用程序的可预测状态容器

它帮助您编写行为一致、在不同环境（客户端、服务器和本机）中运行且易于测试的应用程序。除此之外，它还提供了良好的开发人员体验，例如

这是一个非常小的库，所以很容易理解一切是如何工作的。这可能是解决你问题的好办法



您还可以查看精彩的免费教程-

以下是作者丹·阿布拉莫夫（Dan Abramov）
的回答，这可能不是一个直接的答案，但如果你正在启动一个新的应用程序，我建议你使用它

Redux是JavaScript应用程序的可预测状态容器

它帮助您编写行为一致、在不同环境（客户端、服务器和本机）中运行且易于测试的应用程序。除此之外，它还提供了良好的开发人员体验，例如

这是一个非常小的库，所以很容易理解一切是如何工作的。这可能是解决你问题的好办法



您还可以查看精彩的免费教程-

以下是作者丹·阿布拉莫夫（Dan Abramov）
如果我理解正确，您想在
子组件中使用
父组件的状态吗

您可以将其作为
道具
传递到组件树，例如：

class Content extends React.Component {
  constructor() {
    super();
    this.state = {
      finding : 'i am finding'
    }
  }
  render() {
    return (
      <div>
        <Child childprop={this.state.finding}/>
        <Parent finding={this.state.finding} />
      </div>
    );
  }
}

类内容扩展了React.Component{
构造函数（）{
超级（）；
此.state={
发现：“我正在发现”
}
}
render（）{
返回(
);
}
}


类父级扩展React.Component{
构造函数（）{
超级（）；
此.state={
搜索：“我会找到解决方案”
}
}
render（）{
返回(
);
}
}
类子类扩展React.Component{
render（）{
返回(
{this.props.childrenprop}
{this.props.finding}
);
}
}
如果我理解正确，您想在
子组件中使用
父组件的状态吗

您可以将其作为
道具
传递到组件树，例如：

class Content extends React.Component {
  constructor() {
    super();
    this.state = {
      finding : 'i am finding'
    }
  }
  render() {
    return (
      <div>
        <Child childprop={this.state.finding}/>
        <Parent finding={this.state.finding} />
      </div>
    );
  }
}

类内容扩展了React.Component{
构造函数（）{
超级（）；
此.state={
发现：“我正在发现”
}
}
render（）{
返回(
);
}
}


类父级扩展React.Component{
构造函数（）{
超级（）；
此.state={
搜索：“我会找到解决方案”
}
}
render（）{
返回(
);
}
}
类子类扩展React.Component{
render（）{
返回(
{this.props.childrenprop}
{this.props.finding}
);
}
}
提供了答案

用于在两个没有
父子关系，您可以设置自己的全局事件
系统。在componentDidMount（）中订阅事件，在中取消订阅
componentWillUnmount（），并在收到事件时调用setState（）。
通量模式是安排这种情况的可能方式之一

这个问题提供了一个答案

用于在两个没有
父子关系，您可以设置自己的全局事件
系统。在componentDidMount（）中订阅事件，在中取消订阅
componentWillUnmount（），并在收到事件时调用setState（）。
通量模式是安排这种情况的可能方式之一

很好的建议——但这不是问题的答案，对解决手头的问题也没有丝毫帮助。它甚至看起来像是对一个图书馆的无耻的随机推动（尽管是一个好的图书馆）。我不同意。引用了React官方文件，这正是我的建议。使用全局
state
管理不相关组件之间的通信。Vijay的回答与此有什么关系？你的答案完全不相关（flux vs redux）。你们都没有提到如何访问父组件的状态。在react中有许多方法可以管理状态。。。伟大的但如何访问父组件的状态？回答这个问题，我将取消我的否决票…如何使用全局状态。。。给出一些详细的解释DmitriyRyan如果你有关于我的问题的任何信息给出一些提示，这将有助于获得解决方案伟大的建议-但这不是问题的答案，甚至对解决手头的问题毫无帮助。它甚至看起来像是对一个图书馆的无耻的随机推动（尽管是一个好的图书馆）。我不同意。引用了React官方文件，这正是我的建议。使用全局
state
管理不相关组件之间的通信。Vijay的回答与此有什么关系？你的答案完全不相关（flux vs redux）。你们都没有提到如何访问父组件的状态。在react中有许多方法可以管理状态。。。伟大的但如何访问父组件的状态？回答这个问题，我将取消我的否决票…如何使用全局状态。。。如果你有，给一些详细的解释