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>сonstructor(props) {
super(props);
this.state = {
eventFilterParking: '',
eventFilterFuel: '',
eventFilterFuel_Drain: '',
eventFilterSpeed: '',
eventFilterVoltage: '',
eventFilterTerm: '',
}
}render(ReactElement, DOMElement, callback){
return (
<div className='chart' style={{'width': '100%'}} >
<div className='hidden_div'>{task_parking('park', 'park')}</div>
</div>
)
}let parking = d3.select('.park');
console.log(parking, this.svg)
this.svg.append('g').attr('class', 'events')
.append('svg')
.append('use')
.attr("xlink:href", '#park')handleClick() {
if (!this.state.active) {
// attach/remove event handler
document.addEventListener('click', this.handleOutsideClick, false);
} else {
document.removeEventListener('click', this.handleOutsideClick, false);
}
this.setState(prevState => ({
active: !prevState.active,
}));
}
handleOutsideClick(e) {
// ignore clicks on the component itself
console.log('EVENT handleOutsideClick ', e)
if (this.node.contains(e.target)) {
return;
}
this.handleClick();
}ref={node => { this.node = node; }}
<li className='notif_container' ref={node => { this.node = node; }}>
{this.button()}
</li>export default connect(
state => ({
data: state.globalR.controlR.transport_list,// имя пропс: ваш путь к значению в store
})
)(SelectList)import { Provider, connect} from 'react-redux'
import { bindActionCreators, applyMiddleware} from 'redux' //это для слушания необязательноimport React from "react";
import { Link } from 'react-router-dom'
export default class NavLink extends React.Component{
constructor(props) {
super(props);
}
render() {
let activeStyle;
let url = window.location.hash;
url = url.replace('#/','/')
if (url == this.props.to){
activeStyle = { opacity: 0.5 }
}
return <Link {...this.props} style={activeStyle} />
}
};class SomeContextProvider extends React.Component {
getChildContext() {
return {some: "context"}
}
render() {
return React.Children.only(this.props.children)
}
}export let IconStarController = connect(
state => ({
fix : state.controlR.fix, // fix - название переменной в store, state.controlR.fix - путь к начальному значению
}),
dispatch => bindActionCreators({
fixation(){ // функция к которой обращаемся из компонента (класса)
return function(dispatch, getState){ //return, чтобы реакт не ругался, мол должно быть простым
console.log(store.getState()) //отсюда уже можно обращаться к store
}
},
}, dispatch)
)(IconStar)