※ 商品のリンクをクリックして何かを購入すると私に少額の報酬が入ることがあります【広告表示】 AntDesignとReactをTypescriptでって素振りの続き
HOCにしてみる。Higher Order Componentなので高階コンポーネントなのかな。 まぁ、Pythonで高階関数には慣れてる気がする。
と言いつつ、まだただの関数だな。
$ git diff
diff --git a/antd-demo-ts/src/App.tsx b/antd-demo-ts/src/App.tsx
index 21a81ed..5b5f516 100644
--- a/antd-demo-ts/src/App.tsx
+++ b/antd-demo-ts/src/App.tsx
@@ -2,14 +2,10 @@ import { Button } from 'antd';
import * as React from 'react';
import './App.css';
-class App extends React.Component {
- public render() {
- return (
- <div className="App">
- <Button type="primary">Button</Button>
- </div>
- );
- }
-}
+const App = () => (
+ <div className="App">
+ <Button type="primary">Button</Button>
+ </div>
+);
export default App;