反应发布和地图

时间:2019-11-17 22:35:12

标签: javascript reactjs axios

我正在暴露我的问题,我只是在寻找我的标题的帖子。

我正在寻找一则帖子,其中包含{addedItems}的所有结果

当前我映射一个项目,然后显示结果,现在我要发布结果的所有“标题”

您有一个如何做的想法?

这是我的状态信息,从逻辑上讲没有问题。

class Cart extends Component {
constructor(props) {
    super(props);
    this.state = {
        title: '', 
    };
}
submitForm = (e) => {
    e.preventDefault()
}    
handleSubmit = async (ev) =>
{
 ev.preventDefault();  
 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(`ID ${res}!`);
     }
   }).catch(e => {
     console.error(e);
   });
   }

在这里,我的地图,以及我的退货       render(){

    let addedItems = this.props.items.length ?
        (
            this.props.items.map(item => {
                return (
                    <div className="homeProduct2">
                        <Media key={item.id}  >
                            <Media body className="mediaBodyContainerHome">   
                                <Media heading className='MediaTextHome' name="title">
                                    {item.title}
                                </Media>
                            </Media>                          
                        </Media>
                    </div>
                )
            })
        ) :
        (
                <div> 
                <CardText className='panierCardTextCartPanier'>Oops !</CardText>
                </div>
        )

    return (
             <div> {addedItems} </div>
    )
}
  }

0 个答案:

没有答案