エンジニア質問箱

質問箱メニュー

検索

質問する

Reactのリスト削除機能

強くなりたい人さん
質問日時: 2019/11/26 14:47

クリックしたらリストを消したいのですが、イベントハンドラーに渡す関数の書き方で苦戦しています!!

親要素にremoveTodos関数を作成し、propsでItemに渡します。

ですがそもそもそのremoveTodos関数の書き方で詰まってしまっていて。。。

自分でも調べ中ですが、どなたかお力貸していただける方....!



import React from "react";
import Form from "./Form";
import List from "./List";

const App = () => {
const [todos, setTodos] = React.useState([]);
const addTodos = text => {
const newTodos = [...todos, text];
setTodos(newTodos);
};

// const removeTodos=(todosId)=>{
// this.setState({
// todos: this.state.todo.filter(el => el !== todosId)
// })
// }
const removeTodos = () => {
const deleteTodos = [...todos];
deleteTodos.splice();
setTodos();
};
return (
<div>
<Form addTodos={addTodos} />
<List todos={todos} removeTodos={removeTodos} />
</div>
);
};

export default App;

この質問にキーワードを設定する

違反通報

この質問に回答する

最新の質問

ポリウレタンチューブ 真空
ポリウレタンチューブは真空の配管として使用できますか?
ヒンディー語の技術翻訳依頼
仕事の関係で車の部品に関する文書のヒンディー語翻訳が必要です。(原本は日本語) マニアックな...
Revit からのインポートとエクスポート
Artec Studio から Revit に 3D モデルをインポートしてからエクスポートす...

月間ユーザーランキング TOP10



質問箱メニュー

検索

質問する

あと2000文字入力できます。

入力欄を広げる

ページトップへ