Customize the display value of relational select Box

Questions and Answers
1
System Information
  • Strapi Version: 4.6.1
  • Operating System: Mac
  • Database: postgres
  • Node Version: v16.15.0
  • NPM Version: v8.5.5

I have a collection Type called “NZBrands” (has main details such as name/slug)
And another collection type called “Brands” and it has a one-to-one mapping with NZBrand (has other details)

then in a component, I want to create a multiple-brand selection selectBox which is related to “brands” (OnetoMany)

But it shows only the “id” of the brand in selectBox. coz the brand name is in the NZBrand collection with one to one mapping

I want to show the brand name in the selection Box

<======== NZBrand ========>
{
“kind”: “collectionType”,
“collectionName”: “nz_brands”,
“info”: {
“singularName”: “nz-brand”,
“pluralName”: “nz-brands”,
“displayName”: “NZBrand”,
“description”: “”
},
“options”: {
“draftAndPublish”: true
},
“pluginOptions”: {},
“attributes”: {
“BrandName”: {
“type”: “string”,
“required”: true
},
“BrandSlug”: {
“type”: “uid”,
“required”: true
},
“MappedBrand”: {
“type”: “relation”,
“relation”: “oneToOne”,
“target”: “api::brand.brand”,
“inversedBy”: “BrandName”
}
}
}

<=========== Brands =========>

{
“kind”: “collectionType”,
“collectionName”: “brands”,
“info”: {
“singularName”: “brand”,
“pluralName”: “brands”,
“displayName”: “Brands”,
“description”: “”
},
“options”: {
“draftAndPublish”: true
},
“pluginOptions”: {},
“attributes”: {
“BrandName”: {
“type”: “relation”,
“relation”: “oneToOne”,
“target”: “api::nz-brand.nz-brand”,
“mappedBy”: “MappedBrand”
},
“BrandImage”: {
“type”: “media”,
“multiple”: false,
“required”: true,
“allowedTypes”: [
“images”
]
},
“isPopular”: {
“type”: “boolean”,
“default”: false,
“required”: true
},
“isBlackwoodsPicks”: {
“type”: “boolean”,
“default”: false,
“required”: true
},
“isPopularPowerTool”: {
“type”: “boolean”,
“required”: true,
“default”: false
}
}
}

<=========== Brand List selection Component ===========>

{
“collectionName”: “components_dynamic_sections_brand_lists”,
“info”: {
“displayName”: “BrandList”,
“description”: “”
},
“options”: {},
“attributes”: {
“Brands”: {
“type”: “relation”,
“relation”: “oneToMany”,
“target”: “api::brand.brand”
},
“HasSeeAll”: {
“type”: “boolean”,
“default”: true,
“required”: true
}
}
}

Note: I want to get the brand name which is in the NZBrand collection type through the brand collection type

Help please