mirror of
https://github.com/sharkdp/bat.git
synced 2024-09-19 17:31:29 +02:00
36 lines
830 B
TypeScript
Vendored
36 lines
830 B
TypeScript
Vendored
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}
|
|
/>
|
|
</>
|
|
);
|
|
};
|