前提・実現したいこと
名前を入力しボタンを押したらListが追加される機能を作っています。
使っている技術は
React.js
Typescript
Hooks です。
該当のソースコード
import React, { FC, useState } from 'react'; import ReactDOM from 'react-dom'; import styled from 'styled-components'; import { Card, CardContent, Button } from '~/components/Card'; const NameChange = (value: string):void => { setText(value); } const Index:FC<Props> { const [ text, setText ] = useState('') const [NameList, setNameList] = useState() render() { return ( <React.Fragment> <Card> <CardContent> <div> <input type="input" value={text} onChange = {(e) => setText(e.target.value)} /> <Button onClick = {} disabled={false} > 名前 </Button> </div> </CardContent> </Card> <Card> <CardContent> <Case value={}> <ListItem /> </Case> </CardContent> </Card> </React.Fragment> ); } }
import React, { FC } from 'react'; import { List, ListItemText, } from '@material-ui/core'; import ReactPaginate from 'react-paginate'; const List: FC = () => ( <React.Fragment> <List > <ListItemText> </ListItemText> </List> </React.Fragment> ); export default List;
inputformで入力した値をButtonを押したときに入力した名前がListに追加されるようにしたいです。
どのように書いたらいいのかわからないので教えて欲しいです。
まずOnClickイベントが行われたときにListに保存するので
const [NameList, setNameList] = useState() ← 保存するための定義を書いたのですが型がありませんと怒られてしまいます。
どうしたらいいでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/14 06:19
2020/01/14 06:20
2020/01/14 06:21
2020/01/14 06:23
2020/01/14 06:26
2020/01/14 06:27
2020/01/14 06:29
2020/01/14 06:29
2020/01/14 06:31
2020/01/14 06:35
2020/01/14 06:43
2020/01/14 06:49
2020/01/14 06:55
2020/01/14 08:00 編集