استخدام نظام الاعمدة في bootstrap مع حلقة map في react

اخرج الـ row من الحلقة map واجعل الابناء من النوع column بحيث يكون لديك row واحد وبداخله العديد من الاعمدة column مثل :

<div class="container">
  <div class="row">
    {
      ["1" , "2"].map(item => {
          return (
            <div class="col-sm">
              One of three columns
            </div>   
          )
        })
    }
  </div>
</div>

بتاريخ 12 دقائق مضت قال عمر قره محمد:

اخرج الـ row من الحلقة map واجعل الابناء من النوع column بحيث يكون لديك row واحد وبداخله العديد من الاعمدة column مثل :

<div class="container">
  <div class="row">
    {
      ["1" , "2"].map(item => {
          return (
            <div class="col-sm">
              One of three columns
            </div>   
          )
        })
    }
  </div>
</div>

 

قمت باستخدام هذه الطريقة شكرا لك

لكن لدي مشكلة مع مكون Link في boostrap  

بتاريخ 19 ساعة قال احمد قايد:

قمت باستخدام هذه الطريقة شكرا لك

لكن لدي مشكلة مع مكون Link في boostrap  

أنت تحاول استيراد المكون Link من React Strap وذلك المكون غير موجود، والصحيح هو استيراده من react-router-dom، وإليك مثال من المستند الرسمي:

import { Link } from "react-router-dom";

function UsersIndexPage({ users }) {
  return (
    <div>
      <h1>Users</h1>
      <ul>
        {users.map((user) => (
          <li key={user.id}>
            <Link to={user.id}>{user.name}</Link>
          </li>
        ))}
      </ul>
    </div>
  );
}

• https://reactrouter.com/en/main/components/link

بتاريخ 11 دقائق مضت قال Mustafa Suleiman:

أنت تحاول استيراد المكون Link من React Strap وذلك المكون غير موجود، والصحيح هو استيراده من react-router-dom، وإليك مثال من المستند الرسمي:

import { Link } from "react-router-dom";

function UsersIndexPage({ users }) {
  return (
    <div>
      <h1>Users</h1>
      <ul>
        {users.map((user) => (
          <li key={user.id}>
            <Link to={user.id}>{user.name}</Link>
          </li>
        ))}
      </ul>
    </div>
  );
}

• https://reactrouter.com/en/main/components/link

شكرا لك استاذي قمت بالفعل باستيراد المكون من رأيت دوم وحللت المشكله لكن لدي مشكله لم أفهم سببها أو كيف حلها 

رابط السؤال 

https://academy.hsoub.com/questions/27089-خطاء-غير-مفهوم/