Blueprint---Dialog用法

Dialog

Dialogs以覆盖其他部分的形式将界面内容呈现在屏幕上。

第一步：安装blueprint环境

yarn add @blueprintjs/core react react-dom

第二步：import相关控件

                        (PS:因为刚开始尝试所以先import最基本的两个)

其中Classes是在Dialog里面嵌套使用的（具体用法见下一步案例）

import * as React from "react";
import {Classes,Dialog } from "@blueprintjs/core";

第三步：搭建整体框架结构

下面的code在执行后会默认初始化就弹出并不能进行关闭操作，因为isOpen属性一直为true。

type Props = { };

export default class XXX extends React.Component<Props>{
    constructor(props: Props) {
        super(props); 
    }

    render(){
        return(
            <div>
            <Dialog title="Palantir Foundry" isOpen={
  true}>
                <div className={Classes.DIALOG_BODY}>
                        <p>
                            <strong>
                                Data integration is the seminal problem