ListItem์ ๋งํฌ๋ก ๋ง๋๋ ๋ฐฉ๋ฒ์ ๋ฌด์์ ๋๊น?
acho ํ๊ทธ๋ก ํฌ์ฅ์ ์๋ํ์ง๋ง ์๋ํ์ง ์์์ต๋๋ค. http://material-ui.com/#/components/lists ์์ ์์ฑ์ ๋ณผ ์ ์์ต๋๋ค
๋ฐ๋ ๋ฌธ์ ๊ฐ ์์ต๋๋ค. ๋งํฌ๋ก ๋ ๋๋ง๋์ง ์๋๋ก ํ๊ณ ์ถ์ต๋๋ค. 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์์ ์์ ๋์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
linkButton
์ํ๊ณผ ํจ๊ปcontainerElement
์ฌ์ฉํ์ธ์!๋ณด๋ค:
http://stackoverflow.com/questions/32106513/material-ui-menu-using-routes/34507786#34507786
๋๋ react-router๋ฅผ ์ฌ์ฉํ์ง ์๋ ๊ฒฝ์ฐ ๋ค์์ ์ฌ์ฉํ์ญ์์ค.