请问React.CSSProperties的作用是什么?

Question

问题描述

在学习react-hooks的例子中,看到如下代码:

import * as React from "react";

const classNames = require("./sidebar.css");

interface Props {
  isVisible: boolean;
}

const divStyle = (props: Props): React.CSSProperties => ({    // 此行
  width: props.isVisible ? "23rem" : "0rem"
});

export const SidebarComponent: React.StatelessComponent<Props> = props => (
  <div id="mySidenav" className={classNames.sidenav} style={divStyle(props)}>
    {props.children}
  </div>
);

网上和官网找到的资料比较少，请问有大佬可以稍微深入解释一下吗？谢谢

Answer 1

React.CSSProperties react基于typescript 定义的css的属性类，这里其实就是规定了 divStyle这个函数 返回的类型 是CSSProperties

这些都是typescript的内容