Material-ui: ListItem์—์„œ ํ„ฐ์น˜ ์ž”๋ฌผ๊ฒฐ์„ ๋น„ํ™œ์„ฑํ™”ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2016๋…„ 06์›” 03์ผ  ยท  1๋…ผํ‰  ยท  ์ถœ์ฒ˜: mui-org/material-ui

๋ฌธ์ œ ์„ค๋ช…

ListItem์—์„œ ํ„ฐ์น˜ ์ž”๋ฌผ๊ฒฐ์„ ๋น„ํ™œ์„ฑํ™”ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์žฌํ˜„ ๋‹จ๊ณ„

๋‚˜๋Š” ๋‹ค์Œ์„ ์‹œ๋„ํ–ˆ๋‹ค.

ListItem.defaultProps.disableTouchRipple = true;
ListItem.defaultProps.disableFocusRipple = true;

๊ทธ๋ฆฌ๊ณ 

.mui-ripple-circle {๋””์Šคํ”Œ๋ ˆ์ด: ์—†์Œ}

๋ฒ„์ „

  • ์žฌ๋ฃŒ UI: 0.14.2
  • ๋ฐ˜์‘: 0.14.6
  • ๋ธŒ๋ผ์šฐ์ €: ํฌ๋กฌ

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

์ด ์ฝ”๋“œ๋ฅผ componentDidMount์—์„œ componentWillMount๋กœ ์ด๋™ํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

ListItem.defaultProps.disableTouchRipple = true; ListItem.defaultProps.disableFocusRipple = true;

๋ฌธ์ œ๋ฅผ ๋‹ซ์Šต๋‹ˆ๋‹ค.

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

์ด ์ฝ”๋“œ๋ฅผ componentDidMount์—์„œ componentWillMount๋กœ ์ด๋™ํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

ListItem.defaultProps.disableTouchRipple = true; ListItem.defaultProps.disableFocusRipple = true;

๋ฌธ์ œ๋ฅผ ๋‹ซ์Šต๋‹ˆ๋‹ค.

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