https://wiki.nekotype.com/ 2026-04-30T22:22:37+0900 https://wiki.nekotype.com/ https://wiki.nekotype.com/lib/tpl/dokuwiki/images/favicon.ico text/html 2020-01-01T06:23:29+0900 Anonymous (anonymous@undisclosed.example.com) https://wiki.nekotype.com/react/%E3%82%A8%E3%83%A9%E3%83%BC?rev=1577827409&do=diff エラー ひさしぶりにcreate-react-appしたらテンプレートができなかった時の対処法 >npx create-react-app react-typescript --typescript 　↓ A template was not provided. This is likely because you're using an outdated version of create-react-app. Please note that global installs of create-react-app are no longer supported. text/html 2020-01-01T18:49:02+0900 Anonymous (anonymous@undisclosed.example.com) https://wiki.nekotype.com/react/list%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB?rev=1577872142&do=diff listサンプル import React from 'react'; import { Message } from './Message'; import NameList from './NameList' const names = ['Alice', 'Bob', 'Carol']; const App: React.FC = () => { return ( <div> <NameList names={names}/> </div> ); } export default App; text/html 2019-11-02T22:45:09+0900 Anonymous (anonymous@undisclosed.example.com) https://wiki.nekotype.com/react/materialui?rev=1572702309&do=diff Material UI MATERIAL-UI // with npm npm install @material-ui/core >npm install typeface-roboto --save >npm install @material-ui/icons import React from 'react'; import Button from '@material-ui/core/Button'; import { Table, Input } from '@material-ui/core'; function MyForm() { return ( <div> <Button variant="contained" color="primary" size="large"> Hello World </Button><br/> <Input type="tel" className="inpp"></Input> <Table style={{width:"100px"}}> <… text/html 2019-11-02T22:41:08+0900 Anonymous (anonymous@undisclosed.example.com) https://wiki.nekotype.com/react/react%E3%81%AEstyle?rev=1572702068&do=diff reactのstyle 問題点 cssで設定しないと設定できないものがある 　inputの幅など クラスで設定しても優先されないものがある 　class=“MuiTable-root myclass” の場合、どうしてもMuiTable-rootが優先されてしまう。 text/html 2019-12-31T20:02:04+0900 Anonymous (anonymous@undisclosed.example.com) https://wiki.nekotype.com/react/typescript?rev=1577790124&do=diff typescript React入門（TypeScript版） >npx create-react-app react-typescript --typescript >cd react-typescript