React simple UI display with function call

Import test from '.. /components/test 'const info = () => {test.info ('this is a normal message') ;}; render () {retrun <button onclick = {info}> click me </button>}

Test. js

Import react, {component} from "react"; import reactdom from "react-dom"; import {dialog, dialogtitle} from "@ material-UI/core "; const Alert = (props) => (<dialog open = {true} fullwidth> <dialogtitle> {props. MSG} </dialogtitle> </dialog>); Class test extends component {static Info (MSG) {const DIV = document. createelement ("Div"); document. body. append (DIV); reactdom. render (<alert MSG = {MSG}/>, Div) ;}} export default test;

React simple UI display with function call