upd проблема все еще не решена, у кого есть идеи - подскажите, пожалуйста
Учу реакт второй день , так что не судите строго)
На данный момент, у меня есть рабочий код, который передает строку из компонента add в компонет app. Благополучно добавляется новый объект в app с одним полем name, но мне нужен еще и передать автора. Как это сделать? Я так понимаю, нужно передать уже что-то вроде этого {name: name, author: author}? А как это сделать?
Компонент app:
function addBook(name)
{
setBooks
(
books.concat([
{
name: name
//нужен еще и автор
}
])
)
}
Вот компонент addbook:
function AddBook({onCreate})
{
function submitHandler(event)
{
event.preventDefault()
if(name.trim)
{
onCreate(name)
setValue('')
}
}
const [name, setValue] = useState('')
return(
<form style={ { marginBottom: '1rem' } }onSubmit={submitHandler}>
<input value={name} placeholder='Name' onChange={ event=>setValue(event.target.value)}/>
//<input value={author} placeholder='Author' />
<button type='submit'>Add book</button>
<button style={{marginLeft: '1rem'}}>Cancel</button>
</form>
)
}
export default AddBook;
setBooks(p => [...p, book])
.setBook()
принимает либо значение, либо колбэк, если в новом используется новоеAddBook
создайте стейт с автором и именем. И потом передавайте этот стейт как параметр - книжку