fix: modifying example

Author: roggervalf

example/src/App.js

@@ -172,17 +172,15 @@ export default class App extends Component {
                 style={{ transform: "translate3d(5px, 5px, 5px)" }}
               >
                 <a data-tip data-for="happyFace">
-                  {" "}
-                  "d(`･∀･)b"{" "}
+                  d(`･∀･)b
                 </a>
                 <ReactTooltip id="happyFace" type="error">
                   <span>Show happy face</span>
                 </ReactTooltip>
               </div>
               <div className="side">
                 <a data-tip data-for="sadFace">
-                  {" "}
-                  இдஇ{" "}
+                  இдஇ
                 </a>
                 <ReactTooltip id="sadFace" type="warning" effect="solid">
                   <span>Show sad face</span>
@@ -211,14 +209,12 @@ export default class App extends Component {
             <div className="example-jsx">
               <div className="side">
                 <a data-tip data-for="global">
-                  {" "}
-                  "σ`∀´)σ"{" "}
+                  σ`∀´)σ
                 </a>
               </div>
               <div className="side">
                 <a data-tip data-for="global">
-                  {" "}
-                  "(〃∀〃)"{" "}
+                  (〃∀〃)
                 </a>
               </div>
               <ReactTooltip id="global" aria-haspopup="true" role="example">
@@ -309,7 +305,7 @@ export default class App extends Component {
                   data-for="custom-class"
                   data-tip="hover on me will keep the tooltip"
                 >
-                  "(･ω´･ )"
+                  (･ω´･ )
                 </a>
                 <ReactTooltip
                   id="custom-class"
@@ -320,7 +316,7 @@ export default class App extends Component {
               </div>
               <div className="side">
                 <a data-for="custom-theme" data-tip="custom theme">
-                  "(･ω´･ )"
+                  (･ω´･ )
                 </a>
                 <ReactTooltip id="custom-theme" className="customeTheme" />
               </div>
@@ -329,7 +325,7 @@ export default class App extends Component {
             <pre className="example-pre">
               <div>
                 <p>
-                  {"<a data-tip='hover on me will keep the tooltip'>(･ω´･ )́)</a>\n" +
+                  {"<a data-tip='hover on me will keep the tooltip'>(･ω´･ )</a>\n" +
                     "<ReactTooltip className='extraClass' delayHide={1000} effect='solid'/>\n" +
                     ".extraClass {\n" +
                     " font-size: 20px !important;\n" +
@@ -343,7 +339,7 @@ export default class App extends Component {
               </div>
               <div>
                 <p>
-                  {"<a data-tip='custom theme'>(･ω´･ )́)</a>\n" +
+                  {"<a data-tip='custom theme'>(･ω´･ )</a>\n" +
                     "<ReactTooltip className='customeTheme'/>\n" +
                     " .customeTheme {\n" +
                     " color: #ff6e00 !important;\n" +
@@ -366,7 +362,7 @@ export default class App extends Component {
             <div className="example-jsx">
               <div className="side">
                 <a data-for="getContent" data-tip>
-                  ="( •̀д•́)"
+                  =( •̀д•́)
                 </a>
                 <ReactTooltip
                   id="getContent"
@@ -375,7 +371,7 @@ export default class App extends Component {
               </div>
               <div className="side">
                 <a data-for="overTime" data-tip>
-                  ="( •̀д•́)"
+                  =( •̀д•́)
                 </a>
                 <ReactTooltip
                   id="overTime"
@@ -415,12 +411,12 @@ export default class App extends Component {
             <div className="example-jsx">
               <div className="side">
                 <a data-for="enrich" data-tip="sooooo cute">
-                  "(❂‿❂)"
+                  (❂‿❂)
                 </a>
               </div>
               <div className="side">
                 <a data-for="enrich" data-tip="really high">
-                  "(❂‿❂)"
+                  (❂‿❂)
                 </a>
               </div>
               <ReactTooltip
@@ -592,42 +588,42 @@ export default class App extends Component {
             <div className="example-jsx">
               <div className="block">
                 <a data-for="soclose" data-tip="1">
-                  "1 (❂‿❂)"
+                  1 (❂‿❂)
                 </a>
               </div>
               <div className="block">
                 <a data-for="soclose" data-tip="2">
-                  "2 (❂‿❂)"
+                  2 (❂‿❂)
                 </a>
               </div>
               <div className="block">
                 <a data-for="soclose" data-tip="3">
-                  "3 (❂‿❂)"
+                  3 (❂‿❂)
                 </a>
               </div>
               <div className="block">
                 <a data-for="soclose" data-tip="4">
-                  "4 (❂‿❂)"
+                  4 (❂‿❂)
                 </a>
               </div>
               <div className="block">
                 <a data-for="soclose" data-tip="5">
-                  "5 (❂‿❂)"
+                  5 (❂‿❂)
                 </a>
               </div>
               <div className="block">
                 <a data-for="soclose" data-tip="6">
-                  "6 (❂‿❂)"
+                  6 (❂‿❂)
                 </a>
               </div>
               <div className="block">
                 <a data-for="soclose" data-tip="7">
-                  "7 (❂‿❂)"
+                  7 (❂‿❂)
                 </a>
               </div>
               <div className="block">
                 <a data-for="soclose" data-tip="8">
-                  "8 (❂‿❂)"
+                  8 (❂‿❂)
                 </a>
               </div>
 
@@ -677,8 +673,7 @@ export default class App extends Component {
             <div className="example-jsx">
               <div className="block">
                 <a data-tip data-for="clickme" data-event="click">
-                  {" "}
-                  "(❂‿❂)"{" "}
+                  (❂‿❂)
                 </a>
               </div>
 
@@ -720,7 +715,7 @@ export default class App extends Component {
             <div className="example-jsx">
               <div className="side" style={{ display: "flex", width: "100%" }}>
                 <a data-tip data-for="overridePosition">
-                  "( •̀д•́) override"
+                  ( •̀д•́) override
                 </a>
                 <ReactTooltip
                   id="overridePosition"
@@ -749,7 +744,7 @@ export default class App extends Component {
                   <div>footer</div>
                 </ReactTooltip>
                 <a data-tip data-for="noOverridePosition">
-                  "( •̀д•́) noOverride"
+                  ( •̀д•́) noOverride
                 </a>
                 <ReactTooltip id="noOverridePosition">
                   <div>header</div>