Removes some quotes in with-emotion example (#5802)

There were some strange quotes and misaligned html on the page in the `with-emotion` example.

Removes some quotes in with-emotion example (#5802)
There were some strange quotes and misaligned html on the page in the `with-emotion` example.
fcae74c4 · Jeroen Knoops · Tim Neutkens · dd3b5bf8 · fcae74c4
隐藏空白更改
内联并排

Showing with 22 addition and 17 deletion

examples/with-emotion/pages/index.js examples/with-emotion/pages/index.js +22 -17

未找到文件。
--- a/examples/with-emotion/pages/index.js
+++ b/examples/with-emotion/pages/index.js
@@ -53,25 +53,30 @@ const Animated = styled.div`
 export default () => {
  return (
-    <>'     '<Global
+    <React.fragment>
-      styles={css`
+      <Global
-          html, body {
+        styles={css`
-          padding: 3rem 1rem;
+          html,
-          margin: 0;
+          body {
-          background: papayawhip;
+            padding: 3rem 1rem;
-          min-height: 100%;
+            margin: 0;
-          font-family: Helvetica, Arial, sans-serif;
+            background: papayawhip;
-          font-size: 24px;
+            min-height: 100%;
+            font-family: Helvetica, Arial, sans-serif;
+            font-size: 24px;
          }
        `}
-    />'     '<Head>
+      />
-      <title>With Emotion</title>
+      <Head>
-    </Head>'     '<div>
+        <title>With Emotion</title>
-      <Basic>Cool Styles</Basic>
+      </Head>
-      <Combined>
+      <div>
+        <Basic>Cool Styles</Basic>
+        <Combined>
          With <code>:hover</code>.
-      </Combined>
+        </Combined>
-      <Animated animation={bounce}>Let's bounce.</Animated>
+        <Animated animation={bounce}>Let's bounce.</Animated>
-    </div>'   '</>
+      </div>
+    </React.fragment>
  )
 }