Javascript 对具有事件的其他组件的输入激发方法

Javascript 对具有事件的其他组件的输入激发方法,javascript,reactjs,Javascript,Reactjs,可能会触发事件,如示例中所示: const Tet = (props) => { return ( <div> <label>id:<input onChange= **FIRED RR METHOD** type="text"/></label> </div> ); } const Tet=(道具)=>{ 返回( 身份证件: ); } 还有我的组件

可能会触发事件,如示例中所示:

const Tet = (props) => {

    return (
        <div>
            <label>id:<input onChange= **FIRED RR METHOD** type="text"/></label>
        </div>
    );
}
const Tet=(道具)=>{
返回(
身份证件:
);
}
还有我的组件

 class TContainer extends React.Component {

 rr(obj, ev) {
        console.log(obja, ev.target.value));    
 }
 render() {
    return (
      <Tet lala={this.state.dataList} rr={this.rr.bind(this)}/>
    )
 }
class TContainer扩展了React.Component{
rr(obj,ev){
log(obja,ev.target.value));
}
render(){
返回(
)
}

如何使用event.target.value调用方法并传递普通属性。

如果您只想传播道具,最简单的方法是:

const Tet=({onChange})=>{
返回(
)
}
类TetContainer扩展了React.Component{
构造函数(){
超级()
this.handleChange=this.handleChange.bind(this)
}
手变(活动){
console.log(event.target.value)
}
render(){
返回
}
}
ReactDOM.render(
,
document.getElementById('root'))
)

如果您只想传播道具,最简单的方法是:

const Tet=({onChange})=>{
返回(
)
}
类TetContainer扩展了React.Component{
构造函数(){
超级()
this.handleChange=this.handleChange.bind(this)
}
手变(活动){
console.log(event.target.value)
}
render(){
返回
}
}
ReactDOM.render(
,
document.getElementById('root'))
)

如果要传递自定义参数,请将新函数传递给onchange,onchange使用如下自定义参数调用
rr
函数

const Tet = (props) => {

    return (
        <div>
            <label>id:<input onChange={(e) => {props.rr(obj,e)}} type="text"/></label>
        </div>
    );
}
const Tet=(道具)=>{
返回(
id:{props.rr(obj,e)}type=“text”/
);
}

如果要传递自定义参数,请将新函数传递给onchange,onchange使用如下自定义参数调用
rr
函数

const Tet = (props) => {

    return (
        <div>
            <label>id:<input onChange={(e) => {props.rr(obj,e)}} type="text"/></label>
        </div>
    );
}
const Tet=(道具)=>{
返回(
id:{props.rr(obj,e)}type=“text”/
);
}