小编use*_*572的帖子

反应调用另一个组件

我正在使用 Grommet 并试图在按下按钮时让图层(几乎是模态)工作。我知道我的 onClick 有效,因为我尝试了一个简单的 console.log 并且它有效。如果我使用 ReactDOM 并渲染它,也可以显示 MyModal。我认为我的问题与我如何调用或返回它有关?我希望在单击按钮时显示模态。

MyModal.js

import React, { Component } from 'react';
import Layer from 'grommet/components/Layer';
import Header  from 'grommet/components/Header';
import Heading from 'grommet/components/Heading';
import Section from 'grommet/components/Section';
import Paragraph from 'grommet/components/Paragraph';

export default class MyModal extends Component {  
  render () {
    return (
        <Layer closer={true} align="top">
            <Header>
                <Heading tag="h2">
                    Title
                </Heading>
            </Header>
            <Section>
                <Paragraph>
                    This is a simple dialog.
                </Paragraph>
            </Section>
        </Layer>
    );
  }
};
Run Code Online (Sandbox Code Playgroud)

主程序

import React, { Component } …
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 reactjs grommet

5
推荐指数
1
解决办法
3万
查看次数

标签 统计

ecmascript-6 ×1

grommet ×1

javascript ×1

reactjs ×1