А что нужно сделать? Вот код: import {useEffect} from 'react'; import { useSelector,useDispatch

Question

А что нужно сделать? Вот код: import {useEffect} from 'react'; import { useSelector,useDispatch

} from "react-redux";
import { initializeTodos } from "./actions/todos";
import TodosHeader from './components/todos-header';
import TodosForm from './components/todos-form';
import TodoItems from './components/todo-items';
import TodosFooter from './components/todos-footer';

function App() {
const dispatch = useDispatch();
const todoItems = useSelector(state=>state.todos);
console.log(todoItems.length);
useEffect(() => {
const todos = JSON.parse(localStorage.getItem('todos'));
dispatch(initializeTodos(todos));
}, []);
return (
<div className="container">
<div className='row'>
<div className="col-md-6 offset-md-3">
<div className="card mt-5">
<TodosHeader length={todoItems.length}/>
<TodosForm/>
<TodoItems/>
<TodosFooter/>
</div>

</div>
</div>
</div>
);
}

export default App;

#frontend #javascript #programming #react.js #russian

0

05.02.2022

4 ответов

7 просмотров

Azizxon Zufarov Автор вопроса

Eldar Dadashov
у todos по умолчанию не null, а [] поставить

const TodosHeader= ({length}) => { return( <div className="card-header"> <h1>Todos: {length}</h1> </div> ) } export default TodosHeader; Вот ещё это где я получаю уже

0

05.02.2022

Eldar Dadashov

кст тут вот из localStotage может null прийти в useEffect

0

05.02.2022

Yaroslav Я тут забыл ?

Та просто забей

0

05.02.2022

Eldar Dadashov · Accepted Answer

Eldar Dadashov

у todos по умолчанию не null, а [] поставить

0

05.02.2022

169 похожих чатов

А что нужно сделать? Вот код: import {useEffect} from 'react'; import { useSelector,useDispatch

4 ответов

Похожие вопросы