Add TypeScriptReact syntax test file

This commit is contained in:
Mohamed Abdelnour authored and David Peter committed 2021-06-01 22:36:56 +02:00
1 parent 768189859a
commit 76034880ae
3 files changed
+95

No files matched your search

@@ -0,0 +1,35 @@
import * as React from "react";
import { HelloComponent } from "./hello";
import { NameEditComponent } from "./nameEdit";
export const App = () => {
 const [name, setName] = React.useState("defaultUserName");
 const [editingName, setEditingName] = React.useState("defaultUserName");
 const loadUsername = () => {
 setTimeout(() => {
 setName("name from async call");
 setEditingName("name from async call");
 }, 500);
 };
 React.useEffect(() => {
 loadUsername();
 }, []);
 const setUsernameState = () => {
 setName(editingName);
 };
 return (
 <>
 <HelloComponent userName={name} />
 <NameEditComponent
 initialUserName={name}
 editingName={editingName}
 onNameUpdated={setUsernameState}
 onEditingNameUpdated={setEditingName}
 />
 </>
 );
};