react在render中从数组对象中取出特定键值并渲染

没有详情页接口， 取出特定id值进行渲染。。。
最主要的是使用三目判断~!!!

import React ,{Component,Fragment} from "react"
import * as StyleObj from "./styled"
import {PageContainer} from "common/styled"
import {connect } from "react-redux"
import {withRouter} from "react-router-dom"
import {mapStateToProps,mapDispatchToProps} from "./mapstore"
@withRouter
@connect(mapStateToProps,mapDispatchToProps)
class Coupon extends Component{
    constructor(props){
        super(props)
        this.state={
            ida:0,
            goodMsg:{},
        }
        this.state.ida = this.props.match.params.id;
        this.state.goodarr = this.props.match.params.Coupon_List;
    }
    render(){
        let {Coupon_List} =this.props;
        // console.log(this.props)
        let {ida,goodMsg} = this.state; 
        // 如何根据id获取特定值       
        if(Coupon_List.length!==0){
            for (var item in Coupon_List){
                 if(parseInt(Coupon_List[item].id)=== parseInt(ida)){
                    // console.log(Coupon_List[item])
                    // this.handleGoodId(Coupon_List[item])
                    goodMsg=Coupon_List[item]
                }
            }
        }
        return(
            
                
                    {
                        goodMsg.id?
                        
                        

                            

                                
                                {goodMsg.title}
                            
                            
                        

                        
                            
                            
                            
                                {goodMsg.title}
                            
                        
                        
                        
                            
用券后
                            ￥
{goodMsg.coupon_price}
                            
原价￥{goodMsg.price}
                            
{goodMsg.volume}万笔成交
                        

                        
                            
                                ¥
                                {goodMsg.quan}
                                使用期限 2019.11.29-2019.12.05
                            
                            立即领券
                        
                    
                        :
服务器错误
                    }
                    

                    
                        
更多宝贝推荐
                        
                    

                    {/* 宝呗推荐信息 */}
                    {
                        Coupon_List?Coupon_List.map((item)=>(
                            
                                
                                

                                    

                                        【智能5档】成人电动牙刷USB充电款电动牙刷成人儿童自动牙刷软毛
                                    
                                    

                                        {item.price}
                                        {item.volume}笔成交
                                    
                                    

                                        用券后
                                        ¥
                                        {item.coupon_price}
                                    
                                    

                                        

                                            优惠券
                                            ¥{item.quan}
                                        
                                        
领取
                                    
                                
                            
                        )):[]
                    }
                
            
        )
    }
    
    componentDidMount(){
        this.handleCouponId()
        // this.handleGoodId()
    }
    handleTo(){
        console.log(111)
    }
    //获取数据
    handleCouponId(){
        let {page} = this.props;
        this.props.handleAsyncCouponId(page) 
    }

}
export default Coupon