Material-ui: ارتباط عنصر القائمة؟

تم إنشاؤها على ٧ أكتوبر ٢٠١٥  ·  3تعليقات  ·  مصدر: mui-org/material-ui

كيف أقوم بتحويل ListItem إلى ارتباط؟

حاولت تغليفه بعلامة achor لكن ذلك لم ينجح. لم أشاهد خاصية في http://material-ui.com/#/components/lists. أفضل تجنب استخدام معالجات الأحداث بحيث يُظهر التمرير عنوان URL.

التعليق الأكثر فائدة

استخدم containerElement مع أدوات linkButton !

ارى:
http://stackoverflow.com/questions/32106513/material-ui-menu-using-routes/34507786#34507786

<MenuItem
  linkButton
  containerElement={<Link to="/profile" />}
  primaryText="Profile"
  leftIcon={
    <FontIcon className="material-icons">people</FontIcon>
  } />

أو إذا كنت لا تستخدم جهاز التوجيه التفاعلي ، فما عليك سوى استخدام

<MenuItem linkButton href="/profile" primaryText="Profile" />

ال 3 كومينتر

أواجه مشكلة معاكسة. أود منعه من العرض كارتباط. أتلقى خطأ ارتباط متداخل عند استخدام IconMenu مع MenuItems داخل ListItem. إنه يعمل في المستندات ، لذلك ربما أفعل شيئًا خاطئًا.

ListItem> EnhancedButton> a> ...> IconMenu> ReactTransitionGroup> Menu> MenuItem> ListItem> EnhancedButton> a.

هل هناك أي طريقة لمنع ذلك؟ أعلم أنها مشكلة مختلفة عن @ sys13 ، ولكن قد يكون لها نفس الحل.

استخدم containerElement مع أدوات linkButton !

ارى:
http://stackoverflow.com/questions/32106513/material-ui-menu-using-routes/34507786#34507786

<MenuItem
  linkButton
  containerElement={<Link to="/profile" />}
  primaryText="Profile"
  leftIcon={
    <FontIcon className="material-icons">people</FontIcon>
  } />

أو إذا كنت لا تستخدم جهاز التوجيه التفاعلي ، فما عليك سوى استخدام

<MenuItem linkButton href="/profile" primaryText="Profile" />

تم إصلاح هذا في # 2708

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات