blueprintjs - BlueprintJS 不渲染组件

Question

https://codesandbox.io/s/blueprint-sandbox-f6ekm

BlueprintJS 的某些组件无法正常工作。我正在关注文档，但它根本不起作用。

Answer 1

你能指定更多细节吗？您的沙盒示例渲染良好。

我使用 Blueprint 构建桌面应用程序，一切正常（除了一些错误），我很喜欢这个 UI 工具包。

如果您想查看 Switch 组件的工作原理，请将其转换为类组件并将开关位置添加到状态中。

return (
  <div>
    <Switch
      label={this.state.enabled ? "Enabled" : "Disabled"}
      checked={this.state.enabled}
      onChange={() => this.setState({ enabled: !this.state.enabled})}
    />
  </div>
);

请参阅您的示例扩展https://codesandbox.io/s/blueprint-sandbox-biq69

编辑 还将onChangeChangeEvent 作为第一个参数传递。

<Switch onChange={(event: ChangeEvent<HTMLInputElement>) => this.yourHandler(event)}/>

在yourHandler您可以像这样获得开关的状态：event.target.checked