diff options
author | 2021-06-06 18:34:16 -0700 | |
---|---|---|
committer | 2021-06-06 18:34:16 -0700 | |
commit | 19d472c8470fc21a10af053824b3724e50ac9a9d (patch) | |
tree | 5a010ad811495d11294f50c4a425576ae2fd5a10 /demos/simple-react/src | |
parent | d49e0a5fa129152c27b70a57d1cc7a2af770577c (diff) | |
download | bun-19d472c8470fc21a10af053824b3724e50ac9a9d.tar.gz bun-19d472c8470fc21a10af053824b3724e50ac9a9d.tar.zst bun-19d472c8470fc21a10af053824b3724e50ac9a9d.zip |
hm
Former-commit-id: 024b2ea94ea2f32e058948c3d874ad73a03b7423
Diffstat (limited to 'demos/simple-react/src')
-rw-r--r-- | demos/simple-react/src/components/button.tsx | 6 | ||||
-rw-r--r-- | demos/simple-react/src/index.tsx | 11 |
2 files changed, 13 insertions, 4 deletions
diff --git a/demos/simple-react/src/components/button.tsx b/demos/simple-react/src/components/button.tsx index a3c90553c..3c62b1816 100644 --- a/demos/simple-react/src/components/button.tsx +++ b/demos/simple-react/src/components/button.tsx @@ -1,5 +1,7 @@ -export const Button = ({ label, onClick }) => ( +import React from "react"; + +export const Button = ({ label, label2, onClick }) => ( <div className="Button" onClick={onClick}> - <div className="Button-label">{label}</div> + <div className="Button-label">{label}111</div> </div> ); diff --git a/demos/simple-react/src/index.tsx b/demos/simple-react/src/index.tsx index c0f0ec181..369a9a710 100644 --- a/demos/simple-react/src/index.tsx +++ b/demos/simple-react/src/index.tsx @@ -1,11 +1,18 @@ import ReactDOM from "react-dom"; import { Button } from "./components/button"; +import * as Bootstrap from "react-bootstrap"; +import * as leftPad from "left-pad"; +import { DatePicker } from "antd"; const Base = ({}) => { + Bootstrap.Accordion; return ( <main> <h1>I am the page</h1> - <h3>Here is some text</h3> + <h3 className="bacon">Here is some text</h3> + <>Fragmen!t</> + <DatePicker /> + <Button label="Do not click." onClick={() => alert("I told u not to click!")} @@ -15,7 +22,7 @@ const Base = ({}) => { }; function startReact() { - ReactDOM.render(() => <Base />, document.querySelector("#reactroot")); + ReactDOM.render(<Base />, document.querySelector("#reactroot")); } globalThis.addEventListener("DOMContentLoaded", () => { |