diff --git a/docs/react/getting-started.en-US.md b/docs/react/getting-started.en-US.md
old mode 100644
new mode 100755
index d8ba9418c136..3fb6d6bc86d3
--- a/docs/react/getting-started.en-US.md
+++ b/docs/react/getting-started.en-US.md
@@ -79,7 +79,7 @@ class App extends React.Component {
     };
   }
   handleChange(date) {
-    message.info('Selected Date: ' + date.toString());
+    message.info('Selected Date: ' + (date ? date.toString() : ''));
     this.setState({ date });
   }
   render() {
@@ -87,7 +87,7 @@ class App extends React.Component {
       <LocaleProvider locale={frFR}>
         <div style={{ width: 400, margin: '100px auto' }}>
           <DatePicker onChange={value => this.handleChange(value)} />
-          <div style={{ marginTop: 20 }}>Date: {this.state.date.toString()}</div>
+          <div style={{ marginTop: 20 }}>Date: {this.state.date && this.state.date.toString()}</div>
         </div>
       </LocaleProvider>
     );
diff --git a/docs/react/getting-started.zh-CN.md b/docs/react/getting-started.zh-CN.md
old mode 100644
new mode 100755
index 2740284c723e..a49cfc31d0f5
--- a/docs/react/getting-started.zh-CN.md
+++ b/docs/react/getting-started.zh-CN.md
@@ -81,7 +81,7 @@ class App extends React.Component {
     };
   }
   handleChange(date) {
-    message.info('您选择的日期是: ' + date.toString());
+    message.info('您选择的日期是: ' + (date ? date.toString() : ''));
     this.setState({ date });
   }
   render() {
@@ -89,7 +89,7 @@ class App extends React.Component {
       <LocaleProvider locale={zhCN}>
         <div style={{ width: 400, margin: '100px auto' }}>
           <DatePicker onChange={value => this.handleChange(value)} />
-          <div style={{ marginTop: 20 }}>当前日期：{this.state.date.toString()}</div>
+          <div style={{ marginTop: 20 }}>当前日期：{this.state.date && this.state.date.toString()}</div>
         </div>
       </LocaleProvider>
     );