如何在reactJS中获取父组件的目标？

我想在单击子组件时调用父组件方法。单击父输入字段中的子组件文本后，该文本将更改并保存到reducer。但是我的父方法使用target.value。我无法从子组件传递此目标

我想在单击子组件时调用父组件的方法。单击父输入字段中的子组件文本后，将更改并保存到reducer。但是我的父方法使用target.value

---

我无法从子组件传递此目标。

只需将回调函数从父组件传递给子组件即可

const Parent=props=>{
常量回调=…参数=>{
log（'i被调用时使用'，args）；
}
返回(
);
};
const Child=props=>{
返回(
我是一个按钮！
);
}

据我所知，子组件中的按钮应该调用2个onchange（）函数，一个来自父组件，另一个来自输入框

父组件

class ParentComponent extends React.Component {
  // ....Parent Component OnChange Declared Here;

  render(){
    return(
      <ChildComponent OnChangeFromParent = {this.onChange()}/>
    )
  }
}

class ChildComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { value: '' };

    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

handleChange(event) {
  this.setState({ value: event.target.value });
}

handleSubmit(event) {
  alert('A name was submitted: ' + this.state.value);
  event.preventDefault();
}

render() {
// Calling two functions here on submit button click
  return (
    <form onSubmit="this.props.OnChangeFromParent(); this.handleChangeInputBox();">
      <label>
        Name:
        <input type="text" value={this.state.value} onChange={this.handleChangeInputBox} />
      </label>
      <input type="submit" value="Submit" />
    </form>
  );
 }
}

类ParentComponent扩展了React.Component{ //..此处声明的父组件OnChange； render（）{ 返回( ) } } 子组件

class ParentComponent extends React.Component {
  // ....Parent Component OnChange Declared Here;

  render(){
    return(
      <ChildComponent OnChangeFromParent = {this.onChange()}/>
    )
  }
}

class ChildComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { value: '' };

    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

handleChange(event) {
  this.setState({ value: event.target.value });
}

handleSubmit(event) {
  alert('A name was submitted: ' + this.state.value);
  event.preventDefault();
}

render() {
// Calling two functions here on submit button click
  return (
    <form onSubmit="this.props.OnChangeFromParent(); this.handleChangeInputBox();">
      <label>
        Name:
        <input type="text" value={this.state.value} onChange={this.handleChangeInputBox} />
      </label>
      <input type="submit" value="Submit" />
    </form>
  );
 }
}

class-ChildComponent扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={value:''}；
this.handleChange=this.handleChange.bind（this）；
this.handleSubmit=this.handleSubmit.bind（this）；
}
手变（活动）{
this.setState（{value:event.target.value}）；
}
handleSubmit（事件）{
警报（“已提交名称：”+this.state.value）；
event.preventDefault（）；
}
render（）{
//单击submit按钮在此处调用两个函数
返回(
姓名：
);
}
}

---

希望它能澄清一些问题。

你能在这里发布你的最小代码吗。我想你应该看看，其实我不能上传代码…但我可以解释要求…我有一个按钮和一个在子组件文本字段。我已经将父组件的onchange函数传递给子组件的按钮。但是现在点击这个按钮，我想调用输入文本框的onchange。所以基本上你想通过按钮的

onchange（）

函数调用两个函数，对吗？@shivangi你可以分享一些代码来演示你试图解决的问题。请这样做。@swissArmyKnife7是的……我想在单击该按钮时更改输入文本框的功能。