Tiếp tục với bài trước Bài 14: ReactJs- Viết game caro bằng React hôm nay chúng ta sẽ tiếp tục hoàn thiện game. Đối với component Square sau khi đã bỏ đi constructor, chúng ta có thể đơn giản hóa nó đi thành một function thay vì class như sau: function Square ( props ) { return ( < button className = " square " onClick = { props . onClick } > { props . value } </ button > ) ; } Nếu như 1 component chỉ return về 1 element mà không thực thi function gì chúng ta nên viết theo dạng function, ví dụ như thằng Square trên. Taking Turns Hiện tại game chúng ta chỉ có thằng X được chơi nên chúng ta sẽ thay đổi 1 tí để thêm nước O. Trong Board constructor ta thêm 1 state nữa: class Board extends React . Component { constructor ( props ) { super ( props ) ; this . state = { squares : Array ( 9 ) . fill ( null ) , xIsNext : true , } ; } Mỗi một nước đi ta sẽ thay đổi xIsNext và thay đổi ...
Nơi chia sẻ các kiến thức lập trình, hacking một cách đơn giản và dễ hiểu nhất cho người đọc