V
Size: a a a
V
import React from 'react';
class Item extends React.Component {
render() {
let { elem, index } = this.props
return (
<div className="game-item" key={index}>
<br/>
{elem}
</div>
);
}
}
export default Item;
S
import React from 'react';
class Item extends React.Component {
render() {
let { elem, index } = this.props
return (
<div className="game-item" key={index}>
<br/>
{elem}
</div>
);
}
}
export default Item;
З🧟
З🧟
З🧟
F
import React from 'react';
class Item extends React.Component {
render() {
let { elem, index } = this.props
return (
<div className="game-item" key={index}>
<br/>
{elem}
</div>
);
}
}
export default Item;
V
V
import React from 'react';
import './style.scss'
import ItemGame from './item'
class Main extends React.Component {
render() {
let ticTacToe = this.props.ticTacToe
const ticTocToeItem = ticTacToe.map((elem, index) => {
return (
<React.Fragment>
<ItemGame elem={elem} index={index} />
</React.Fragment>
)
})
return (
<div className="game">
{ticTocToeItem}
</div>
);
}
}
export default Main;
S
import React from 'react';
import './style.scss'
import ItemGame from './item'
class Main extends React.Component {
render() {
let ticTacToe = this.props.ticTacToe
const ticTocToeItem = ticTacToe.map((elem, index) => {
return (
<React.Fragment>
<ItemGame elem={elem} index={index} />
</React.Fragment>
)
})
return (
<div className="game">
{ticTocToeItem}
</div>
);
}
}
export default Main;
L
F
З🧟
L
F
V
V
F
З🧟