ํธ์ง ๋ฒํผ์ ํด๋ฆญํ์ฌ ๊ธฐ์กด ๋ฐ์ดํฐ๋ก ์์์ ์ฑ์๋๋ค.
๋ฒํผ์ ํด๋ฆญํ๋ฉด ์
๋ฐ์ดํธ ์ํ๊ฐ ํธ์ง ์ํ์ด๊ณ ,
componentWillReceiveProps์์ setFieldsValue ๋ฉ์๋๋ฅผ ํธ์ถํ์ญ์์ค. ์ฝ 1๋ถ ์ ๋ ํ์ ์์์ด ์ฑ์์ง๋๋ค.
๊ทธ๋ฐ ๋ค์ ์
๋ ฅ์ ํด๋ฆญํ๊ณ ์ฝ 1๋ถ ๋์ ๊ณ์ ๊ธฐ๋ค๋ฆฝ๋๋ค.
setFieldsValue
์ ๋ณธ์ง์ ์ธ๋ถ ๋ํผ์ setState
๋ฅผ ํธ์ถํ๊ณ ๊ฐ์ ์ ์ผ๋ก componentWillReceiveProps
๋ฅผ ํธ์ถํ๋ ๊ฒ์ด๋ฏ๋ก ๋ฌดํ ๋ฃจํ์
๋๋ค.
mapPropsToFields
http://ant.design/components/form/#Form.create (์ต์
)๋ฅผ ์ฌ์ฉํ์ธ์.
@benjycui ๊ฐ์ฌํฉ๋๋ค
mapPropsToFields๋ props๋ฅผ ํด๋น ๊ฐ์ผ๋ก ๋ณํํ์ฌ Redux ์ ์ฅ์์์ ๊ฐ์ ์ฝ๋ ๋ฐ ์ฌ์ฉํ ์ ์์ต๋๋ค.
๊ธฐ๋ฅ(์ํ): Object{ fieldName: Object{ ๊ฐ } }
mapPropsToFields์ ์ด๋ป๊ฒ ์ฐ๊ณ ์ถ์์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค.
์๋ ํ์ธ์, ์ด ๋ณํ์ ๋ฒ์ญํ ์ ์๋ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
@bnlambert ์ง๋ฌธ์ด ๋ฌด์์ธ๊ฐ์?
setFieldsValue
์ด๊ธฐ๊ฐ์ ์ค์ ํ๋ ๋ฐฉ๋ฒ์ ์๊ณ ์ถ์ต๋๋ค.
๋ํ ๋ด datepicker ์บ๋ฆฐ๋๊ฐ ์ค๊ตญ์ด๋ก ํ์๋ฉ๋๋ค. ์ด๋ป๊ฒ ์์ ํฉ๋๊น?
moment.locale('en');
์(๋ฅผ) ์๋ํ ์ ์์ต๋๋ค.
'antd'์ ์๊ฐ์ด ํ์ํ๊ฐ์, ์๋๋ฉด ๋ณ๋๋ก ๋ค์ด๋ก๋ํด์ผ ํ๋์?.
์กฐ๊ธ ๋ ๋ช
ํํ๊ฒ ๋ง์ํด ์ฃผ์ญ์์ค. ๊ฐ์ฌ ํด์
๊ทํ์ ์น์ฌ์ดํธ์๋ 'setFieldsValue'์ ๋ํ ๋ฉ๋ชจ๊ฐ ์์ต๋๋ค.
please don't use it in componentWillReceiveProps, otherwise, it will cause an endless loop, more)
์ค๋ช ์ ๊ฐ์ ํ๋ ์ด ํ์ด์ง๋ก ์ฐ๊ฒฐ๋ฉ๋๋ค. ๊ฐ๋ฅํ๋ค๋ฉด ์ด๋ค ์ข ๋ฅ์ ๋ฒ์ญ์ ๋ฐ์ ์ ์์ต๋๊น?
๊ณ ๋ง์
@coljung Google ๋ฒ์ญ๊ธฐ๋ฅผ ์ฌ์ฉํด ๋ณด์ธ์.
@bnlambert @coljung ๋๋ ํฌ๋กฌ์ด๋ผ๋ฉด ์ฐํด๋ฆญ -> ์์ด๋ก ๋ฒ์ญ
์ผ๋ถ ๋ฌธ์ ๋ ๋ฉ์ธํ
์ด๋ ๊ฐ์ ํธ๋ฆฌํ๊ณ ๋น ๋ฅธ ์์ฌ ์ํต์ ์ํด ์ค๊ตญ์ด๋ก ์์ฑ๋์๋ค๋ ๊ฒ์ ์ดํดํ ์ ์์ง๋ง ์ด๊ฒ์ ๊ณต์ ๋ฌธ์์์ ์ฐธ์กฐ๋๋ฉฐ "์ผ๋ถ"์ด๋ฏ๋ก ๋ฒ์ญํด์ผ ํฉ๋๋ค.
๋์: ์ฌ๊ธฐ์ ์์ฑ๋ ์ ๋ณด๋ ๊ณต์ ๋ฌธ์์ ํฌํจ๋์ด์ผ ํฉ๋๋ค.
@benjycui IMO "Google ๋ฒ์ญ๊ธฐ ์ฌ์ฉ"์ ๊ฑด์ค์ ์ธ ์๊ฒฌ์ด ์๋๋ฉฐ CODE_OF_CONDUCT.md ์ ์ธ๊ธ๋ ์ผ๋ถ ํ๋ ๊ท์น์ ์๋ฐํฉ๋๋ค.
- ํ์ํ๊ณ ํฌ์ฉ์ ์ธ ์ธ์ด ์ฌ์ฉ
- ๋ค์ํ ๊ด์ ๊ณผ ๊ฒฝํ์ ์กด์คํ๊ธฐ
- ๊ฑด์ค์ ์ธ ๋นํ์ ์ฐ์ํ๊ฒ ์์ฉ
- ์ง์ญ์ฌํ๋ฅผ ์ํ ์ต์ ์ ๊ฒ์ ์ง์ค
- ๋ค๋ฅธ ์ปค๋ฎค๋ํฐ ๊ตฌ์ฑ์์ ๋ํ ๊ณต๊ฐ ํ์
":smile:"์ด๋ผ๊ณ ๋ฐ์ํ 9๋ช ์๊ฒ: ๋น์ ์ ๋ถ๋ช ํ ์ด์ค ์ธ์ด๋ฅผ ๊ตฌ์ฌํฉ๋๋ค. Google ๋ฒ์ญ ์ฝํ ์ธ ์ ์ผ๋ง๋ ์๊ฐ์ด ๊ฑธ๋ ธ์์ง, ๋น์ ์ ์ธ์ด ๋ฅ๋ ฅ ๋๋ถ์ ํ์ํ ๊ฒฝ์ฐ ๋ฒ์ญ์ ์กฐ์ ํ๊ณ ๋์ ์ฌ๊ธฐ์ ์ฝํ ์ธ ๋ฅผ ๋ถ์ฌ๋ฃ์ผ์ จ์ต๋๊น?
๊ทธ ๋ง :
componentWillReceivedProps
setFieldsValue
๋ฅผ ํธ์ถํ๋ฉด ๋ฃจํ๊ฐ ๋ฐ์ํ์ฌ ๊ฒฐ๊ตญ 1๋ถ ํ์ ์ค์ง๋ฉ๋๋ค. ๋ชจ๋ ํ๋๊ฐ ๋ณ๊ฒฝ๋ ๋๋ง๋ค ์๋ก์ด "๋ฌดํ" ๋ฃจํ๊ฐ ๋ฐ์ํฉ๋๋ค.setFieldsValue
๊ฐ HOC์์ this.setState
๋ก ์ฐ๊ฒฐ๋๋ฏ๋ก props๋ฅผ ๋ณ๊ฒฝํ๊ณ componentWillReceiveProps
๋ฉ์๋๊ฐ ์ง์ ํธ์ถ๋๋๋ก ํ๋ค๊ณ ๋๋ตํ์ต๋๋ค. ๊ทธ๋์ ๋ฃจํ๊ฐ ์์ต๋๋ค. mapPropsToFields
๋ฅผ ์ฌ์ฉํด์ผ ํฉ๋๋ค.mapPropsToFields
๋ ์คํ ์ด์์ ๋ฐ์ดํฐ๋ฅผ ์ฝ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค. ์ด๋ป๊ฒ ์ธ ์ ์์ต๋๊น?์ด ํํ๋ ์ ๋ง ์ฌ์ฉํ๊ธฐ ์ด๋ ต๊ณ , ํฌ์ฅ ํ ์ฌ์ฉํ๋ ๋น์ฉ์ด ๋๋ฌด ๋น์๋๋ค.
https://ant.design/components/form/#components -form-demo-global-state
mapPropsToFields ๋ฐ ์ ๋ก๋ ์ถฉ๋ ์ ๋ก๋๋ ์์์ ์ฌ์ค์ ํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ด ํํ๋ ์ ๋ง ์ฌ์ฉํ๊ธฐ ์ด๋ ต๊ณ , ํฌ์ฅ ํ ์ฌ์ฉํ๋ ๋น์ฉ์ด ๋๋ฌด ๋น์๋๋ค.