Material-ui: Tautan DaftarItem?

Dibuat pada 7 Okt 2015  ·  3Komentar  ·  Sumber: mui-org/material-ui

Bagaimana cara membuat ListItem menjadi tautan?

Saya mencoba membungkusnya dengan tag jangkar tetapi itu tidak berhasil. Saya tidak melihat properti di http://material-ui.com/#/components/lists. Saya lebih suka menghindari penggunaan event handler sehingga hover menunjukkan URL.

Komentar yang paling membantu

Gunakan containerElement dengan linkButton props!

Lihat:
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>
  } />

atau jika Anda tidak menggunakan router reaksi, cukup gunakan

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

Semua 3 komentar

Saya mengalami masalah sebaliknya. Saya ingin itu mencegahnya dirender sebagai tautan. Saya mendapatkan kesalahan tautan bersarang saat menggunakan IconMenu dengan MenuItems di dalam ListItem. Ini berfungsi di dokumen, jadi mungkin saya melakukan sesuatu yang salah.

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

Apakah ada cara untuk mencegah hal ini? Saya tahu ini masalah yang berbeda dari @sys13 , tetapi mungkin memiliki solusi yang sama.

Gunakan containerElement dengan linkButton props!

Lihat:
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>
  } />

atau jika Anda tidak menggunakan router reaksi, cukup gunakan

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

Ini telah diperbaiki di #2708

Apakah halaman ini membantu?
0 / 5 - 0 peringkat