Question

（免责声明：我在这里问这个问题是因为它有资格提出问题，不应将其发布在github上，而我对React的经验很少）

我正在为Vue创建一个office-ui-fabric-react的端口，并且在使用/deploy函数的所有组件（例如Toggle）方面取得了非常好的进展。但是我注意到，许多其他组件没有遵循相同的结构。到目前为止，我遇到了两种变体：

styled

export const Toggle: React.StatelessComponent<IToggleProps> = styled<IToggleProps, IToggleStyleProps, IToggleStyles>(
  ToggleBase,
  getStyles,
  undefined,
  { scope: 'Toggle' }
);

第二个变体省略了@customizable('SpinButton', ['theme', 'styles'], true) export class SpinButton extends BaseComponent<ISpinButtonProps, ISpinButtonState> implements ISpinButton { ... }文件，但直接在.base.tsx文件中定义了组件。它们有什么不同或原因？读取.tsx和styled的代码后，两者似乎都做同样的事情。

Answer 1

Fabric作为开放源代码框架，具有在不同时间构建的控件。旋转按钮是一个控件的示例，该控件是在不久前构建的，尚未升级为使用我们当前的“样式”方法

Office UI Fabric组件定义之间的一致性

1 个答案: