[riaron86]

выдает ошибку
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: C:\react\fundamental\src\App.js: The type cast expression is expected to be wrapped with parenthesis. (30:75)

28 |     <div className="App">
  29 |         <form>
> 30 |             <MyInput value={post.title} onChange={e=>setPost(...post, title: e.target.value)} type='text' placeholder='название поста'/>
     |                                                                            ^
  31 |             <MyInput value={post.body} onChange={e=>setPost(...post, body: e.target.value)} type='text' placeholder='название поста'/>
  32 |             <MyButton type="submit" onClick={addNewPost}>Создать пост</MyButton>
  33 |         </form>

Line 29:75: Parsing error: The type cast expression is expected to be wrapped with parenthesis. (29:75)

import React,{useState} from 'react';
import './styles/App.css';
import PostList from "./components/PostList";
import MyButton from "./components/button/MyButton";
import MyInput from "./components/input/MyInput";

function App() {
    const[posts,setPosts]=useState([
        {id:1,title:'javascript 1',body: "JavaScript-язык программирования"},
        {id:2,title:'javascript 2',body: "JavaScript-язык программирования"},
        {id:3,title:'javascript 3',body: "JavaScript-язык программирования"}
    ])
    const  [post,setPost]=useState({title:'',body:''});
    //const bodyInputRef=useRef();
    const  addNewPost=(e)=>{
        e.preventDefault();
        const newPost={
            id: Date.now(),
            title,body
        }
        setPosts([...posts, {...post,id: Date.now()}]);
        setPost();
        console.log(newPost);
        //console.log(title);//управляемый
        //console.log(boduInputRef.current.value);//неуправляемый
    }
  return (
    <div className="App">
        <form>
            <MyInput value={post.title} onChange={e=>setPost(...post, title: e.target.value)} type='text' placeholder='название поста'/>
            <MyInput value={post.body} onChange={e=>setPost(...post, body: e.target.value)} type='text' placeholder='название поста'/>
            <MyButton type="submit" onClick={addNewPost}>Создать пост</MyButton>
        </form>
        <PostList posts={posts} title="Список постов 2"/>
    </div>
  );
}

export default App;