正文

react-hooks: CSSProperties

IP云
IP云V管理员/29 阅读
11/30
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1、定义变量 

const divStyle: React.CSSProperties = {

    width: "11rem",

    height: "7rem",

    backgroundColor: `rgb(${props.color.red},${props.color.green}, ${props.color.blue})`

  };

使用： 

<div style={divStyle} />

2、定义函数 

interface SidebarProps {

    isVisible: boolean;

}

const divStyle = (props: SidebarProps): React.CSSProperties=>({

    width: props.isVisible ? "23rem" : "0rem"

})

export const SidebarComponent: React.StatelessComponent<SidebarProps> = props => (

    <div style={divStyle(props)}>

    {props.isVisible}

    </div>

)
const divStyle = (props: SidebarProps): React.CSSProperties=>({

    width: props.isVisible ? "23rem" : "0rem"

})

返回值为React.CSSProperties类型

相关阅读

目录[+]