From 7c6f185134a15176345be3eea54482c1e2e46fbf Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Sat, 7 Oct 2017 00:57:51 +0800
Subject: [PATCH] Ensure all class constructors call super with props

---
 .../blog/2015-01-27-react-v0.13.0-beta-1.md   |  4 +--
 content/docs/higher-order-components.md       |  4 +--
 content/tutorial/tutorial.md                  | 32 +++++++++----------
 3 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/content/blog/2015-01-27-react-v0.13.0-beta-1.md b/content/blog/2015-01-27-react-v0.13.0-beta-1.md
index a2cd597e3d1..76fea92da4d 100644
--- a/content/blog/2015-01-27-react-v0.13.0-beta-1.md
+++ b/content/blog/2015-01-27-react-v0.13.0-beta-1.md
@@ -89,8 +89,8 @@ Therefore we decided not to have this built-in into React's class model. You can
 
 ```javascript
 class Counter extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.tick = this.tick.bind(this);
   }
   tick() {
diff --git a/content/docs/higher-order-components.md b/content/docs/higher-order-components.md
index 573c6cd78cb..d5d2a77818d 100644
--- a/content/docs/higher-order-components.md
+++ b/content/docs/higher-order-components.md
@@ -30,8 +30,8 @@ For example, say you have a `CommentList` component that subscribes to an extern
 
 ```js
 class CommentList extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.handleChange = this.handleChange.bind(this);
     this.state = {
       // "DataSource" is some global data source
diff --git a/content/tutorial/tutorial.md b/content/tutorial/tutorial.md
index 0e8ccfd9c63..b940c0c873e 100644
--- a/content/tutorial/tutorial.md
+++ b/content/tutorial/tutorial.md
@@ -200,8 +200,8 @@ First, add a constructor to the class to initialize the state:
 
 ```javascript{2-7}
 class Square extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.state = {
       value: null,
     };
@@ -228,8 +228,8 @@ Now the `<button>` tag looks like this:
 
 ```javascript{10-12}
 class Square extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.state = {
       value: null,
     };
@@ -282,8 +282,8 @@ Pulling state upwards like this is common when refactoring React components, so
 
 ```javascript{2-7}
 class Board extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.state = {
       squares: Array(9).fill(null),
     };
@@ -399,8 +399,8 @@ Try clicking a square – you should get an error because we haven't defined `ha
 
 ```javascript{9-13}
 class Board extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.state = {
       squares: Array(9).fill(null),
     };
@@ -528,8 +528,8 @@ Let's default the first move to be by 'X'. Modify our starting state in our Boar
 
 ```javascript{6}
 class Board extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.state = {
       squares: Array(9).fill(null),
       xIsNext: true,
@@ -564,8 +564,8 @@ After these changes you should have this Board component:
 
 ```javascript{6,11-16,29}
 class Board extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.state = {
       squares: Array(9).fill(null),
       xIsNext: true,
@@ -715,8 +715,8 @@ First, set up the initial state for Game by adding a constructor to it:
 
 ```javascript{2-10}
 class Game extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.state = {
       history: [{
         squares: Array(9).fill(null),
@@ -1006,8 +1006,8 @@ First, add `stepNumber: 0` to the initial state in Game's `constructor`:
 
 ```js{8}
 class Game extends React.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
     this.state = {
       history: [{
         squares: Array(9).fill(null),