JavaScript
8
Вклад в тег
var where = document.createElement(div);
function myFunction() {
for(var i=0; i<=9999; i++){
var p = document.createElement("p");
var b = i/10000;
b=b.toFixed(4)
p.innerText = setDecimal(b);
where.appendChild(p);
}
function setDecimal(num) {
var str = "" + num;
var zeroPos = str.indexOf(".")+1;
if (zeroPos == -1) return 0;
str = str.slice(zeroPos);
return str;
}
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: '',
}
}
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>
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} />
}
};