BlueprintJS不呈现组件

Question

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

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

Answer 1

你能详细说明一下吗？您的沙箱示例呈现得很好。

我使用Blueprint来构建桌面应用程序，一切都很好(except some bugs)，我非常喜欢这个UI工具包。

如果您想了解开关组件是如何工作的，请将其转换为类组件，并将开关位置添加到状态中。

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