export default [
'eth_usd',
'nmc_usd',
'ppc_usd',
'cam_usd',
'cann_usd',
'uro_usd'
]
Apsas
import React, { Component } from 'react';
import currencies from './currencies'
class App extends Component {
state = {
selectedPairs: []
}
handleCheckbox = currency => event => {
const { checked } = event.target;
this.setState (({ selectedPairs }) => {
let pairs = [...selectedPairs]; //kopija masyvo
if (checked) {
pairs.push(currency) //pridedame naują
} else {
pairs = pairs.filter(pair => pair !== currency) //"triname" jau esantį - filtruojam
}
return {
selectedPairs: pairs //modifikuotą kopija gražiname į 'steitą'
}
})
}
render() {
return (
<div className="App">
<aside>
<ul className="currList">
{currencies.map(curr => (
<li key={curr} className="currItem">
<input type="checkbox" id={curr} onChange={this.handleCheckbox(curr)}/>
<label htmlFor={curr}>{curr.toUpperCase()}</label>
</li>
))}
</ul>
</aside>
</div>
);
}
}
export default App;
'eth_usd',
'nmc_usd',
'ppc_usd',
'cam_usd',
'cann_usd',
'uro_usd'
]
Apsas
import React, { Component } from 'react';
import currencies from './currencies'
class App extends Component {
state = {
selectedPairs: []
}
handleCheckbox = currency => event => {
const { checked } = event.target;
this.setState (({ selectedPairs }) => {
let pairs = [...selectedPairs]; //kopija masyvo
if (checked) {
pairs.push(currency) //pridedame naują
} else {
pairs = pairs.filter(pair => pair !== currency) //"triname" jau esantį - filtruojam
}
return {
selectedPairs: pairs //modifikuotą kopija gražiname į 'steitą'
}
})
}
render() {
return (
<div className="App">
<aside>
<ul className="currList">
{currencies.map(curr => (
<li key={curr} className="currItem">
<input type="checkbox" id={curr} onChange={this.handleCheckbox(curr)}/>
<label htmlFor={curr}>{curr.toUpperCase()}</label>
</li>
))}
</ul>
</aside>
</div>
);
}
}
export default App;
Komentarai
Rašyti komentarą