Question

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

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

Answer 1

您可以指定更多详细信息吗？您的沙盒示例效果很好。

我使用Blueprint构建桌面应用程序，一切正常（except some bugs），我只是喜欢这个UI工具包。

如果要查看Switch组件的工作方式，请将其转换为类组件，然后将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

BlueprintJS不呈现组件

1 个答案: