Reactjs 如何从另一个组件访问一个组件的状态？

在react本机应用程序中，我有一个输入表单组件和一个按钮组件。当用户按下按钮，但数据出现在表单组件中时，我想将登录信息发送到我的服务器

---

如何从button组件访问表单状态。

解决问题的更聪明的方法是在button组件上公开onclick属性，并向其提供附加到表单对象的事件。向服务器发送AJAX请求，问题就解决了

按钮组件示例

  import React from 'react';

  class PokePagerButton extends React.Component {
      render() {
          let {text, tooltip, onClick, currentPage, value, isVisible = true} = this.props;

          return(
              <button className={'poke-pager-button ' 
                                      + (currentPage === text ? ' active' : ' ')
                                      + (isVisible ? ' ' : ' hidden')}
                      onClick={onClick}
                      title={tooltip}
                      value={value}>{text}</button>
          );
      }
  }

  export default PokePagerButton;

从“React”导入React；
类PokePagerButton扩展了React.Component{
render（）{
让{text，tooltip，onClick，currentPage，value，isVisible=true}=this.props；
返回(
{text}
);
}
}
导出默认PokePagerButton；

样品消耗量

 class PokeForm extends React.Component {
   onPagerButtonClick() {
       const request = await fetch ('/echo/json', {
            headers: {
                'Content-type': 'application/json'
            },
            method: 'POST',
            body: { a: this.state.pokedata }
      });
   }
   render() {
      <PokepagerButton onClick={this.onPagerButtonClick} />
   }
 }

类PokeForm扩展了React.Component{
onPagerButtonClick（）{
const request=wait fetch（'/echo/json'{
标题：{
“内容类型”：“应用程序/json”
},
方法：“POST”，
正文：{a:this.state.pokedata}
});
}
render（）{
}
}

请添加相关代码并展示您的尝试。我是react的新手。我读了一些文章，其中提到要使用父组件，但实际上它在我的应用程序结构中没有用处。我只需要对我应该尝试的内容有一个高层次的概述。合并这两个组件可以解决我的问题，但很难理解您应该创建一个父组件，作为处理这两个组件的逻辑的状态容器。我不明白这将如何阻碍您的应用程序结构。你能解释一下怎么做吗？