我正在使用 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)