CSS 情感库 - 使用 css prop 时出现 css props 错误

Question

这是我的代码 -

import { css, jsx } from '@emotion/core'

return (
       <>
       <img css={css`height: 200px; height: 200px;`} fluid={image.sharp.fluid} />
       <List>
           <li>Our Clients</li>
           <li>What We Do</li>
           <li>Contact</li>
       </List>
       </>
   )

这是我得到的错误 -

You have tried to stringify object returned from css function. It isn't supposed to be used directly (e.g. as value of the className prop), but rather handed to emotion so it can handle it (e.g. as value of css prop).

这个错误似乎告诉我我需要做我已经在做的事情？或者我在这里遗漏了什么..

Answer 1

只是想注意我有这个问题并添加这个修复了我的错误:

/** @jsx jsx */
import { jsx } from '@emotion/core';

为了澄清起见，您必须添加 /** @jsx jsx */;在文件的顶部。