在地图渲染中，React JS 没有在我的 return 语句中构建 div

Question

Return 映射函数中的语句部分正在 returned。下面是我的代码示例

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}/>

            );
        });

在上面的代码示例中，dealersList 是一个 Javascript 数组对象，我正在尝试使用 map 将每个对象发送到另一个 Javascript 文件，在我的 return 中，我正在调用那个 primaryDealersAreaData 和我得到一个空的 div，没有错误我的return声明如下

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

我几天前就遇到了这个问题，我尝试了不同的方法，none 其中确实有效。帮助表示赞赏。

Answer 1

嗯，尝试将 return 的左括号移至与 return.

相同的行

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}/>

);

A return 将 return 位于同一行的内容。由于那里什么都没有，您的 return 返回时未定义。

在地图渲染中，React JS 没有在我的 return 语句中构建 div

React JS is not building the div inside my return statement in map rendering

requirejs

reactjs

react-jsx