• React передать данные в другой компонент по onclick?

    @vaskadogana
    Frontend developer
    onClick = (e) =>{
    e.target.value  < это ваше значение,  item.code
    тут вызываете открытие вашего модального окна, через state или напрямую по рефс и кладете сюда
    если рефс то примерно так 
    this.refs. имя рефс. имя функции в компоненте модал(или можно прямо setState({code: e.target.value})
    
    }
    выше функция которая вне рендер
    <button data-toggle="modal"  
                 data-target="#CardModal" 
                 onClick={this.onClick} <<<<<<<
                 type="button" 
                 value = {item.code}<<<<<<<<<<<
                 className="fa fa-eye" 
                 aria-hidden="true" 
                 title="Просмотр"></button>

    p.s. только не вижу где вы коструктор и state объявляете
    типа такого
    сonstructor(props) {
    	    super(props);
    	      this.state = {
    	        eventFilterParking:  	'',
    	        eventFilterFuel: 		'',
    	        eventFilterFuel_Drain: 	'',
    	        eventFilterSpeed: 		'',
    	        eventFilterVoltage: 	         '',
    	        eventFilterTerm: 		'',
    
    	      }
    	}
    Ответ написан
    Комментировать
  • React передать данные в другой компонент по onclick?

    onClick={this.onClick.bind(null,item)}

    onClick = (item) => {
        this.setState({ editItem : item, showModal : true});
        // ...
    }


    <CardModal item={this.state.editItem} show={this.state.showModal}/>


    В компоненте модалки эти атрибуты будут тут this.props.item/show
    Ответ написан
    Комментировать