情感样式的组件未应用规则

Question

我正在尝试使用emotion。

我的.js代码是：

import React from 'react';
import { css } from '@emotion/core';

export const Menu = () => (

  <>
  <nav
    css={css`
      position: absolute;
      color: white;
    `}
  >
    <h1
      css={css`
        color: white;
      `}
    >
     Title
    </h1>
    <ul>
      <li>Proyectos</li>
      <li>Blog</li>
      <li>Acerca</li>
      <li>Contacto</li>
    </ul>
  </nav>
  </>

);

export default Menu;

当检查元素时，我得到了这个：

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