Question

返回我的map函数中的return语句部分。以下是我的代码示例

render: function () {
        var primaryDealersAreaData = this.state.dealersList.map(function (dealer){
            console.log(dealer.DealerID);
            return
            ( 
                        <PrimaryDealerSettingsArea dealerId = {dealer.DealerID}
                                                    dealerName = {dealer.DealerName}
                                                    dealerContactPhone = {dealer.DealerContactPhone}
                                                    isLocSrpVisible = {dealer.sharedInventorySettings.isLocSrpVisible}
                                                    isLocVdpVisible = {dealer.sharedInventorySettings.isLocVdpVisbile}
                                                    isPhoneSrpVisible = {dealer.sharedInventorySettings.isPhoneSrpVisible}
                                                    isPhoneVdpVisible = {dealer.sharedInventorySettings.isPhoneVdpVisible}
                                                    siteName = {dealer.sharedInventorySettings.siteName}
                                                    primaryDealerId = {this.state.primaryDealerId}
                                                    primaryWebsiteId = {this.state.websiteId}/>

            );
        });

在上面的代码示例中，dealerList是一个Javascript数组对象，我试图使用map将其中的每一个发送到另一个Javascript文件，在我的返回中，我调用的是primaryDealersAreaData，我得到一个没有错误的空div 我的退货声明如下

return(
           <div className="page-area float-l">
                <div className="page-defaults-area float-l" id="PrimaryDealers">
                    {primaryDealersAreaData}
                  </div>
            </div>
            );

我几天后就遇到了这个问题，我尝试了不同的方法，但没有一个真正起作用。帮助赞赏。

Answer 1

嗯，尝试将返回的左括号移动到与返回相同的行。

return ( 
                     <PrimaryDealerSettingsArea dealerId = {dealer.DealerID}
                                                dealerName = {dealer.DealerName}
                                                dealerContactPhone = {dealer.DealerContactPhone}
                                                isLocSrpVisible = {dealer.sharedInventorySettings.isLocSrpVisible}
                                                isLocVdpVisible = {dealer.sharedInventorySettings.isLocVdpVisbile}
                                                isPhoneSrpVisible = {dealer.sharedInventorySettings.isPhoneSrpVisible}
                                                isPhoneVdpVisible = {dealer.sharedInventorySettings.isPhoneVdpVisible}
                                                siteName = {dealer.sharedInventorySettings.siteName}
                                                primaryDealerId = {this.state.primaryDealerId}
                                                primaryWebsiteId = {this.state.websiteId}/>

);

返回将返回同一行的内容。由于那里没有任何东西，你的回归将以未定义的方式回归。

React JS没有在map渲染中的return语句中构建div

1 个答案: