如何在typescript-react项目中使用emotion的css行内样式

news/2024/7/15 18:13:39 标签: css, typescript, react.js

css__0">css 行内样式

  • 支持选择符,伪类等高级操作

第一步:在组件顶部导入 @emotion/react 下的所有运行时。

/** @jsxImportSource @emotion/react */

第二步:使用 css 属性

/** @jsxImportSource @emotion/react */
import React from 'react';

const App:React.FC = () => {
    return <div css={{ backgroundColor: "hotpink" }}>xxx</div>
}

http://www.niftyadmin.cn/n/1536105.html

相关文章

判断两个矩阵有元素相等_线性代数29——正定矩阵和最小值

我们经常在判定一个函数是否有最小值时使用正定矩阵&#xff0c;正定矩阵和最小值有什么关系呢&#xff1f;1判断正定矩阵给出一个矩阵&#xff1a;有4个途径可以判定该矩阵是否是正定矩阵(注意这个矩阵的4个元素中有2个b&#xff0c;这是因为正定矩阵是对称矩阵&#xff0c;如…

bzoj1433[ZJOI2009]假期的宿舍(匈牙利)

1433: [ZJOI2009]假期的宿舍 Time Limit: 10 Sec Memory Limit: 162 MBSubmit: 2544 Solved: 1074 [Submit][Status][Discuss]Description Input Output Sample Input 1 3 1 1 0 0 1 0 0 1 1 1 0 0 1 0 0Sample Output ˆ ˆHINT 对于30% 的数据满足1 ≤ n ≤ 12。对于100% 的…

useHref() may be used only in the context of a <Router> component.

报错原因 useHref() 只能在 <Router> 组件的上下文中使用。 因为在 Router 组件外面使用了 Link 组件&#xff0c;所以导致报错。 解决方法 将其删除掉&#xff0c;因为该组件已经交给路由组件负责渲染了。

几种颜色模型的转换公式

几种颜色模型的转换公式 XYZ —> RGB var_X X / 100 //X from 0 to 95.047 var_Y Y / 100 //Y from 0 to 100.000var_Z Z / 100 //Z from 0 to 108.883 var_R var_X * 3.2406 var_Y * -1.5372 var_Z * -0.4986var_G var_X * -0.9689 …

Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop?

问题&#xff1a; 原因&#xff1a; 因为首次加载时&#xff0c;并没有渲染 Form 组件&#xff0c;所以 antd 不知道 form 绑定到哪里。 解决方法 将 Drawer 组件上的 forceRender 属性设置为 true&#xff0c;表示 预渲染 Drawer 内元素。

.net 正则获取url参数

public static string GetParams(string paramName){var url "http://fdsfs.com/Home/Index?corpExFresh&aabb";var signedUrl Regex.Match(url, paramName "([^&]*)");return signedUrl.Groups[1].ToString();} 转载于:https://www.cnblogs.c…

几种图像处理库的研究

几种图像处理库的研究目前比较出名的图像处理库有很多&#xff0c;比如LEADTOOLS&#xff0c;这个是功能非常强大的图像多媒体库&#xff0c;但是这个是收费注册的。开源的图像库也有不少&#xff0c;比如&#xff1a;ImageStone、GIMP、CxImage等&#xff0c;虽然它们的功能没…

WebStorem的重构功能使用

第一步&#xff1a; 第二步&#xff1a; 第三步&#xff1a; 第四步&#xff1a;