freeCodeCamp/curriculum/challenges/arabic/03-front-end-libraries/react-and-redux/map-state-to-props.arabic.md

1.9 KiB

id title challengeType isRequired videoUrl localeTitle
5a24c314108439a4d4036145 Map State to Props 6 false خريطة الدولة إلى الدعائم

Description

undefined

Instructions

قم بإنشاء mapStateToProps() دالة. يجب أن تأخذ هذه الدالة state كوسيطة ، ثم تقوم بإرجاع كائن يقوم بتعيين هذه الحالة إلى أسماء خصائص محددة. ستصبح هذه الخصائص متاحة للمكون الخاص بك عبر props . نظرًا لأن هذا المثال يحافظ على الحالة الكاملة للتطبيق في صفيف واحد ، فيمكنك تمرير هذه الحالة بأكملها إلى المكون الخاص بك. قم بإنشاء messages خاصية في الكائن الذي يتم إرجاعه وتعيينه إلى state .

Tests

tests:
  - text: وCONST <code>state</code> يجب أن تكون مجموعة فارغة.
    testString: 'assert(Array.isArray(state) && state.length === 0, "The const <code>state</code> should be an empty array.");'
  - text: ''
    testString: 'assert(typeof mapStateToProps === "function", "<code>mapStateToProps</code> should be a function.");'
  - text: ''
    testString: 'assert(typeof mapStateToProps() === "object", "<code>mapStateToProps</code> should return an object.");'
  - text: ''
    testString: 'assert(mapStateToProps(["messages"]).messages.pop() === "messages", "Passing an array as state to <code>mapStateToProps</code> should return this array assigned to a key of <code>messages</code>.");'

Challenge Seed

const state = [];

// change code below this line

Solution

// solution required