Javascript 反应后，什么是可能的？

如何在职位和价格上取得成功

在我的数据库中，我无法取回标题和价格，这是我的一个想法​​怎么办

我期待着添加一个按钮不同产品的标题和价格

我希望我正确地表达了我的问题

当然对不起我的英语和我的代码质量 你能帮我吗

class Cart extends Component {
constructor(props) {
    super(props);
    this.state = {
        title: '',
        price:'',

    };

}


getRandom = async () => {

    const res = await axios.get(
        'http://localhost:5252/api/bieres'
    )
    this.setState({ data: res.data })
}
componentDidMount() {
    this.getRandom()
}

submitForm = (e) => {
    e.preventDefault()
}    
handleSubmit = async (ev) =>
{
 ev.preventDefault();
 const delay = ms => new Promise(res => setTimeout(res, ms));
 await delay(5000);
 const config = {

   method: "POST",
   headers: {
     "Content-Type": "application/json",
   },
   body: JSON.stringify(this.state),
 };

 const url = "http://localhost:5252/api/alluserpls";


 fetch(url, config)
   .then(res => res.json())
   .then(res => {
     if (res.error) {
       alert(res.error);
     } else {
       alert(`ajouté avec l'ID ${res}!`);
     }
   }).catch(e => {
     console.error(e);

   });
   this.setState({ redirect: true })
  }

render() {

    let addedItems = this.props.items.length ?
        (
            this.props.items.map(item => {
                return (
                    <div className="homeProduct2">


                        <Media key={item.id}  >

                            <Media body className="mediaBodyContainerHome">
                        <div className="containerForCartMediaPaddingForCart">                         
                            <div className="mediaBodyTitle">
                                <Media heading className='MediaTextHome'>
                                    {item.title}
                                </Media>
                                <Media className='MediaTextHome2'>
                                {item.price} €
                            </Media>
                            </div>         
                            </Media>
                            </div>

                                </div>
                            </Media>


                        </Media>

                        <div>

                        </div>
                    </div>
                )
            })
        ) :

        (

            <Container className="containerCartContainerCart"  >
                <CardText className='panierCardTextCartPanier'>Oops !</CardText>
            </Container>
        )

    return (

        <div onSubmit={(ev) => this.handleSubmit(ev)}>

            <div className="collection">
            <form
      method="post"
      onSubmit={event => this.handleSubmit(event)}>
             <span> {addedItems} </span>    </form>
            </div>

        <div>



        </div>
    </div>
    )
}
      }
           export default connect(mapStateToProps, mapDispatchToProps)(Cart)

类购物车扩展组件{
建造师（道具）{
超级（道具）；
此.state={
标题：“”，
价格：''，
};
}
getRandom=async（）=>{
const res=等待axios.get(
'http://localhost:5252/api/bieres'
)
this.setState（{data:res.data}）
}
componentDidMount（）{
这个是getRandom（）
}
提交形式=（e）=>{
e、 预防默认值（）
}    
handleSubmit=异步（ev）=>
{
ev.preventDefault（）；
const delay=ms=>newpromise（res=>setTimeout（res，ms））；
等待延迟（5000）；
常量配置={
方法：“张贴”，
标题：{
“内容类型”：“应用程序/json”，
},
正文：JSON.stringify（this.state），
};
常量url=”http://localhost:5252/api/alluserpls";
获取（url，配置）
.then（res=>res.json（））
。然后（res=>{
if（res.error）{
警报（res.error）；
}否则{
警报（`ajoutéavec l'ID${res}！`）；
}
}).catch（e=>{
控制台错误（e）；
});
this.setState（{redirect:true}）
}
render（）{
让addedItems=this.props.items.length？
(
this.props.items.map（item=>{
返回(
{item.title}
{项目价格}€
)
})
) :
(
哎呀！
)
返回(
此.handleSubmit（ev）}>
this.handleSubmit（event）}>
{addedItems}
)
}
}
导出默认连接（mapStateToProps、mapDispatchToProps）（购物车）

我无法取回标题和价格，在我的数据库中

您是否认为您的APi没有返回id？我理解您的问题，我认为您必须将响应值分配给状态。this.setState（{title:res.title，price:res.price}）；对于我的GET，我不担心，这真的是文章标题和价格。你从服务器得到了正确的响应吗？你是在端口5252上像api一样运行你的react应用程序，还是在另一个端口上运行？