Material-ui: ListItem ๋งํฌ?

์— ๋งŒ๋“  2015๋…„ 10์›” 07์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: mui-org/material-ui

ListItem์„ ๋งํฌ๋กœ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

acho ํƒœ๊ทธ๋กœ ํฌ์žฅ์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์ž‘๋™ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. http://material-ui.com/#/components/lists ์—์„œ ์†์„ฑ์„ ๋ณผ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

linkButton ์†Œํ’ˆ๊ณผ ํ•จ๊ป˜ containerElement ์‚ฌ์šฉํ•˜์„ธ์š”!

๋ณด๋‹ค:
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>
  } />

๋˜๋Š” react-router๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ๋‹ค์Œ์„ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค.

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

๋ชจ๋“  3 ๋Œ“๊ธ€

๋ฐ˜๋Œ€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋งํฌ๋กœ ๋ Œ๋”๋ง๋˜์ง€ ์•Š๋„๋ก ํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. ListItem ๋‚ด๋ถ€์— MenuItem์ด ์žˆ๋Š” IconMenu๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ค‘์ฒฉ ๋งํฌ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์„œ์—์„œ ์ž‘๋™ํ•˜๋ฏ€๋กœ ์•„๋งˆ๋„ ๋‚ด๊ฐ€ ์ž˜๋ชปํ•˜๊ณ ์žˆ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

ListItem > EnhancedButton > a > ... > IconMenu > ReactTransitionGroup > ๋ฉ”๋‰ด > MenuItem > ListItem > EnhancedButton > a.

์ด๋ฅผ ๋ฐฉ์ง€ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๊นŒ? @sys13 ๊ณผ ๋‹ค๋ฅธ ๋ฌธ์ œ๋ผ๋Š” ๊ฒƒ์„ ์•Œ๊ณ  ์žˆ์ง€๋งŒ ๋™์ผํ•œ ์†”๋ฃจ์…˜์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

linkButton ์†Œํ’ˆ๊ณผ ํ•จ๊ป˜ containerElement ์‚ฌ์šฉํ•˜์„ธ์š”!

๋ณด๋‹ค:
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>
  } />

๋˜๋Š” react-router๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ๋‹ค์Œ์„ ์‚ฌ์šฉํ•˜์‹ญ์‹œ์˜ค.

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

์ด๊ฒƒ์€ #2708์—์„œ ์ˆ˜์ •๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰