打字稿中的动态 CSS - 如何访问传递给 `useStyles` 方法的参数

马虎

我试图useStyles在使用 react-jss 包创建方法中访问我的组件的状态根据我在网上找到的内容,该代码似乎适用于 javascript,但不适用于打字稿。


import { createUseStyles } from 'react-jss';

const useStyles = createUseStyles({
  myClass: {
    height: `${height}px`, // <== squiggly line here since I don't know how to pass the parameters
  },
});

export function Collapse() {

  const [height, setHeight] = useState(18);
  const classes = useStyles(height);

  return (
    <div>...</div>
  );
}

我怎样才能做到这一点?

马虎

在我的样式中使用函数允许我访问所需的参数。


import { createUseStyles } from 'react-jss';

const useStyles = createUseStyles({
  myClass: props => ({
    height: `${height}px`,
  }),
});

export function Collapse() {

  const [height, setHeight] = useState(18);
  const classes = useStyles({height: height});

  return (
    <div>...</div>
  );
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在打字稿中动态调用实例方法?

如何将打字稿动态类型作为参数传递给自定义钩子?

将参数传递给打字稿中的angular指令

如何确保传递给函数的参数是打字稿中类的实例?

如何将DomSanitizer作为打字稿中的参数传递给管道?

如何将参数传递给打字稿中的内部函数和外部函数?

我如何访问QT中传递给程序的参数

打字稿中主类的访问方法

打字稿:如何为动态执行的函数提供参数

如何从打字稿中的实例方法访问静态成员?

访问传递给argparser中参数的选择?

Java:如何将动态数量的参数传递给方法

如何更改打字稿中的CSS类?

如何在打字稿中编辑CSS样式?

如何在.tsx打字稿中包含.css文件?

如何更改打字稿中的CSS样式?

无法在打字稿函数中传递参数

如何让 PhpStorm 在传递给方法的参数中实现 JavaScript 注入

如何将参数传递给Thread中的ThreadStart方法?

如何键入 smart 以仅允许类属性的键作为打字稿中的方法参数

如何在动态代码中处理打字稿中的按钮

如何设置类型取决于打字稿中的函数参数?

如何在角度打字稿中自动增加参数的 id?

将方法动态添加到打字稿中的类

如何访问作为参数传递给c中的函数的char数组的元素?

在React Navigation 5.0中,如何访问传递给基于类的组件的参数?

打字稿动态类方法

如何正确地将函数和参数传递给打字稿函数?

如何在Angular 6中将值从打字稿代码传递到CSS