带打字稿的Reactjs-borderStyle类型

时间:2019-03-05 07:05:44

标签: reactjs typescript

我有一个组件,该组件接收borderStyle作为道具,然后将其作为道具发送给子div。

我想为此道具定义一个类型,但找不到它。

这是我的代码(我只复制了相关部分):

interface OptionalStyleProps {
  borderStyle?: any
}
export default class LineTo extends React.Component<OptionalStyleProps> {
 public render() {
        return (
            <div className="react-lineto-placeholder">
              <div  style={{...this.props}}/>
           </div>
        );
}
}

3 个答案:

答案 0 :(得分:0)

有一个预定义的类型React.CSSProperties。

interface OptionalStyleProps {
  borderStyle?: React.CSSProperties;
}

答案 1 :(得分:0)

我们可以创建将具有borderStyle或其他css属性的json对象。我们可以将该json对象分配给style属性。我们可以通过道具将json对象传递给子组件,并可以将同一个对象分配给jsx中的相应div。

答案 2 :(得分:0)

BorderStyle类型为:

import { BorderStyleProperty } from 'csstype';

interface OptionalStyleProps {
  borderStyle?: BorderStyleProperty
}