reactjs檢索所有兒童參考父母事件（handleSubmit）

Question

<Parent> /* event to fetch all refs value and submit */ 
    <Child> 
    <stateless function />/*this is all the refs sittin*/ 
    </Child> 
</Parent> 

我不知道父母如何從孩子獲得所有參考？在此先感謝

Answer 1

我知道這可能太遲了，你已經知道答案。 你需要的是一個「參考」，對孩子的參考。 閱讀：Exposing DOM Refs to Parent Components

事情是這樣的：

class Parent extends React.Component { 
    render() { 
    return (
     <div> 
     // this line will create a reference to the input text, 
     // inside the Child Component 
     // for example, if you want to get the value 
     // you can access `this.input.value` 
     <Child inputRef={(refToChild) => this.input = refToChild} /> 
     </div> 
    ) 
    } 
} 

class Child extends React Component { 
    render() { 
    return (
     <form> 
     // this line will call the Parent's function, 
     // creating a reference to the input text. 
     <input type="text" ref={props.inputRef} /> 
     </form> 
    ) 
    } 
}