constructor(props){
this.state = {
mark:[],
}
}change(e){
this.setState({mark: arr});
}render() {
let result;
return(
<div style={this.state.stylecontainerinput}>
<p style={this.state.header}>Выбрать марку</p>
<div>
<input id="bmw" value="bmw" type="checkbox" onClick={this.change.bind(this)}/>
<label style={this.state.stylelabel} htmlFor="bmw">BMW</label>
</div>
<div>
{this.state.mark.length === 0?
<p>Привет</p>
:
<p>{this.state.mark[0]}</p>
}
</div>
</div>
)
}change(e){
let unit = e.target.value;
let arr = this.state.mark;
if(e.currentTarget.checked === true){
arr.push(unit);
this.setState=({mark: arr});
console.log("new ARRAY", this.state.mark) //
}else{
arr.splice(arr.indexOf(unit), 1);
this.setState=({mark: arr});
}
}{array.map(el => (
<div key={el.id} style={{width:100,heigth:100,backgroundColor:el.color}}>
{el.title}
</div>
))}componentWillReceiveProps (nextprops) {
console.log("nextprops",nextprops)
}if (nextProps.keydown.event) {constructor(){
this.state = {redirect:true}
}
componentWillReceiveProps(nextProps) {
if (nextProps.keydown.event && this.state.redirect ===true) {
this.setState({
redirect:false
})
const key = nextProps.keydown.event.which;
const location = nextProps.location.pathname;
const history = nextProps.history;
if (key === 39 && location === '/index') {
this.timeOut(history, '/index/loc1');
} else if (key === 39 && location === '/index/loc1') {
this.timeOut(history, '/index/loc2');
} else if (key === 37 && location === '/index/loc1') {
this.timeOut(history, '/index');
} else if (key === 37 && location === '/index/loc2') {
this.timeOut(history, '/index/loc1');
}
}
}
простите я перепутал с web
вот что выдал ваш код в native
просто обычно для работы с сервером пишут апи и через нево проводят все манипуляции
ваш код придется переписать для native
вот библиотека для работы с сокетами
там есть пример внизу как с ней работать
думаю переписать ваш код займет не больше 10 минут