Question

我有一个组件，该组件接收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>
        );
}
}

Answer 1

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

interface OptionalStyleProps {
  borderStyle?: React.CSSProperties;
}

Answer 2

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

Answer 3

BorderStyle类型为：

import { BorderStyleProperty } from 'csstype';

interface OptionalStyleProps {
  borderStyle?: BorderStyleProperty
}

带打字稿的Reactjs-borderStyle类型

3 个答案: