css - CSS 情感库 - 使用 css 道具时出现 css 道具错误

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>
       </>
   )

这是我得到的错误

您已尝试对从css函数返回的对象进行字符串化。它不应该被直接使用（例如作为className 道具的价值），而是交给情感以便它可以处理它（例如作为css道具的价值）。

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

标签： cssreactjsemotion

Answer 1

只是想注意我有这个问题并添加它为我修复了错误：

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

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