์ต์ ๋ฒ์ ์ด ์ค์น๋์ด ์์ต๋๋ค. ๋ด ํ์ผ์ Babel JS ํ์ผ๋ก ์ด๋ฆฌ๊ณ ๊ตฌ์ฑ ํ์ผ์์ e4x๊ฐ true๋ก ์ค์ ๋์ด ์์ต๋๋ค. ์ด๊ฒ์ด ๋ด๊ฐ ํ์ฌ ๊ฐ์ง๊ณ ์๋ ๊ฒ์ ๋๋ค.
return (
<a href="#"
onClick={e => {
e.preventDefault()
onClick()
}}>
{children}
</a>
);
๊ทธ๋ฌ๋ ํฌ๋งท ํ ๋ค์๊ณผ ๊ฐ์ด๋ฉ๋๋ค.
return ( < a href = "#"
onClick = {
e => {
e.preventDefault()
onClick()
}
} > { children } < /a>
);
๋ด ํ์ผ์ ์ฌ๋ฐ๋ฅด๊ฒ ํฌ๋งทํ๊ฑฐ๋ ์ ์ด๋ ์๋ง์ด๋์ง ์๊ฒํ๋ ค๋ฉด ๋ฌด์์ ๋ณ๊ฒฝํด์ผํฉ๋๊น?
e4x=true
์ค์ ํ์ต๋๊น?
@bitwiseman ์,ํ์ต๋๋ค.
๋๋ e4x=true
! ์ ๋ง ์ด์ ํด์. :์ฆ๊ฑฐ์:
๊ฐ์ฌ! ๋ค์ ๋ฒ์ ์ ์ํด ๋ชฉ๋ก์ ์ถ๊ฐํ์ต๋๋ค.
์ด ๋ฌธ์ ์ ๋ํด ์์ ๋ธ ๋ด์ฉ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
// successful - no change
return(
<a href="#" onClick={e => { e.preventDefault() onClick()}}>
{children}
</a>
);
// successful - no change
return <b><a href="#"
onClick={e => {
e.preventDefault()
onClick()
}}>
{children}
</a></b>;
// failure - adds spaces
return <a href="#"
onClick={e => {
e.preventDefault()
onClick()
}}>
{children}
</b>;
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๊ฐ์ฌ! ๋ค์ ๋ฒ์ ์ ์ํด ๋ชฉ๋ก์ ์ถ๊ฐํ์ต๋๋ค.