我現(xiàn)在是有多個單獨(dú)寫的自定義組件里面包含了input標(biāo)簽，然后一個頁面下調(diào)用多個這個自定義組件，共用一個onKeyUp事件，但是我發(fā)現(xiàn)e.target返回的是input標(biāo)簽，不好判斷是哪個自定義組件下的input觸發(fā)的事件。

上代碼

  keyUpHandle(e)
  {
    console.log(e.target);
    
  }

           <NoticeLineInput title='會議名稱：'
            Ustyle={defaultStyle} 
            placeholder='輸入會議名稱' 
            onKeyUp={this.keyUpHandle}
             key='name'/>

            <NoticeLineInput title='會議時間：'
            Ustyle={defaultStyle} 
            placeholder='時間格式：yyyy-MM-dd HH:mm:ss' 
            onKeyUp={this.keyUpHandle}
             key='time'/>

            <NoticeLineInput title='設(shè)置主體色：'
            placeholder='' 
            onKeyUp={this.keyUpHandle}
            type='colorPicker'
             key='mainColor'/>

自定義組件

render() {
    return (
      <div className='inputBox'>
        {this.props.placeValue}
        <input type={this.props.type?this.props.type:'text'} 
        className='defaultInput' 
        value={this.state.value}
        defaultValue={this.props.defaultValue?this.props.defaultValue:''}
        style={this.props.Ustyle?this.props.Ustyle:{}}
        placeholder={this.props.placeholder?this.props.placeholder:'請輸入內(nèi)容...'} 
        onKeyUp={this.props.onKeyUp?this.props.onKeyUp:()=>{}}
        onChange={this.onValueChange}
        onFocus={this.props.onFocus?this.props.onFocus:()=>{}}
        key={this.props.key?this.props.key:''}
        ref='uname'/>
      </div>
    )
  }

用了一個很蠢的辦法，給自定義組件加一個id，傳到Input上，然后根據(jù)id區(qū)分。

希望有更好的辦法！