は、例のようにトリガーされたイベントにイベント

Question

その可能で、他のコンポーネントと入力の方法を解雇します正常attr。

Answer 1

あなただけの小道具を伝播したい場合は、それを行うための最も簡単な方法は次のとおりです。

const Tet = ({ onChange }) => { 
 
    return (
 
    <div> 
 
     <input type="text" onChange={onChange} /> 
 
    </div> 
 
) 
 
} 
 

 
class TetContainer extends React.Component { 
 
    constructor() { 
 
    super() 
 

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

 
    handleChange(event) { 
 
    console.log(event.target.value) 
 
    } 
 

 
    render() { 
 
    return <Tet onChange={this.handleChange} /> 
 
    } 
 
} 
 

 
ReactDOM.render(
 
    <TetContainer />, 
 
    document.getElementById('root') 
 
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 

 

 
<div id="root"></div>

Answer 2

カスタム引数を渡したい場合は、ご呼んでONCHANGEする新しい関数を渡しますrrは、このようなカスタム引数を指定して機能します

const Tet = (props) => { 

    return (
     <div> 
      <label>id:<input onChange={(e) => {props.rr(obj,e)}} type="text"/></label> 
     </div> 
    ); 
}