BlueprintJS 不渲染组件答案

【问题标题】：BlueprintJS not rendering componentsBlueprintJS 不渲染组件
【发布时间】：2019-12-26 21:39:48
【问题描述】：

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

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

【问题讨论】：

标签： blueprintjs

【解决方案1】：

您能详细说明一下吗？您的沙盒示例渲染良好。

我使用 Blueprint 构建桌面应用程序，一切正常 (except some bugs)，我就是喜欢这个 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

编辑 onChange 也将 ChangeEvent 作为第一个参数传递。

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

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

【讨论】：