websocket basic setup FE & BE && working basic game w/ react && webpack & babel config
This commit is contained in:
@@ -0,0 +1,29 @@
|
||||
import React from 'react';
|
||||
|
||||
class GridField extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
||||
this.state = {
|
||||
currentObj: 'w',
|
||||
obj: this.props.obj,
|
||||
active: false
|
||||
};
|
||||
}
|
||||
|
||||
isActive() {
|
||||
return 'field'
|
||||
+ (this.state.active === true ? ' active' : '')
|
||||
+ (this.state.active === true && this.state.obj === 'm' ? ' mine' : '');
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className={this.isActive()} onClick={this.props.onClick}>
|
||||
{this.state.currentObj}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default GridField;
|
||||
Reference in New Issue
Block a user