import React, { useState } from 'react';
import TodoInput from './TodoInput';
import TodoList from './TodoList';
function App() {
const [listTodo, setListTodo] = useState(['']);
let addList = (inputText) => {
setListTodo([...listTodo, inputText]);
};
return (
{TodoList.map((listItem, i) => {
return ;
})}
);
}
export default App;
< /code>
import React, { useState } from 'react';
function TodoInput(props) {
const [inputText, setInputText] = useState('');
return (
Todo List
type="text"
placeholder="Please fill your Task"
value={inputText}
onChange={(e) => {
setInputText(e.target.value);
}}
/>
{
props.addList(inputText);
setInputText('');
}}
>
{' '}
+
);
}
export default TodoInput;
< /code>
import React from 'react';
function TodoList(props) {
return (
[*]
{props.item}
[/i]
);
}
export default TodoList;
Подробнее здесь: https://stackoverflow.com/questions/793 ... p-is-not-a
Мобильная версия