كيفية تمرير الدعائم إلى مكون فرعي عبر React Router

يشرح هذا البرنامج التعليمي القصير كيفية تمرير الخاصيات إلى مكون فرعي عبر React Router

هناك العديد من الحلول لتمرير الدعائم إلى المكون الفرعي عبررد فعل راوتر، وبعضها ستجده قديمًا.

أبسط طريقة على الإطلاق هي إضافة الخاصيات إلى مكون غلاف المسار:

const Index = props => <h1>{props.route.something}</h1>

var routes = <Route path="/" something={‘here’} component={Index} />

ولكن بهذه الطريقة تحتاج إلى تعديل كيفية الوصول إلى الدعائم عبرthis.props.route.*بدلا من المعتادthis.props، والتي قد تكون مقبولة أو غير مقبولة.

هناك طريقة لإصلاح ذلك وهي استخدام:

const Index = props => (
  <h1>{props.something}</h1>
)

<Route path="/" render={() => <Index something={‘here’} />} />

تحميل مجانيكتيب رد الفعل


المزيد من البرامج التعليمية للتفاعل: