1
0
mirror of https://github.com/sharkdp/bat.git synced 2025-09-27 15:42:29 +01:00

Add TypeScriptReact syntax test file

This commit is contained in:
Mohamed Abdelnour
2021-05-30 10:21:35 +02:00
committed by David Peter
parent 768189859a
commit 76034880ae
3 changed files with 95 additions and 0 deletions

View File

@@ -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}
 />
 </>
 );
};