エンジニア質問箱

質問箱メニュー

検索

質問する

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;

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

違反通報

この質問に回答する

最新の質問

無接点タッチスイッチ
メトロールさんのタッチスイッチCS067A-Bを使用していますが、出来れば類似形状で無接点のタ...
USBコネクタ耐久試験について
MicroUSB-Bコネクタを搭載した製品を検討しています。 その際、コネクタへの挿入、ねじ...
オゾン水生成用樹脂容器について
0.6ppmのオゾン水を樹脂性の密閉容器内で作成しようと考えています。(1回ではなく継続して作...

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



質問箱メニュー

検索

質問する

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

入力欄を広げる

ページトップへ