here ์ ์๋ antd <Form/>
๊ตฌ์ฑ ์์๋ก ์์ ์ ํจ์ฑ ๊ฒ์ฌ๋ฅผ ์ํํ๋ ๋ฐฉ๋ฒ์ด ํ์คํ์ง ์์ต๋๋ค. ๋ฌธ์๋ ์ด๋ฒคํธ๊ฐ ์ ๋ฌ๋๋ <Form/>
๊ตฌ์ฑ ์์์ onSubmit
์ํ์ ์ง์ ํฉ๋๋ค. ๊ทธ๋ฐ ๋ค์ this.props.form
๋ด๋ถ์ ๊ธฐ๋ฅ์ ํธ๋ฆฌ๊ฑฐํ๋ ๊ฒ ๊ฐ์ต๋๋ค. ํ์ฌ ๋ค์ ์ฝ๋๋ฅผ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
handleSubmit(e) {
e.preventDefault();
console.log('before' + e.target.value)
this.props.validateFields((err, values) => {
console.log('errors: ' + err)
console.log(values)
if (!err) {
console.log('Received values of form: ', values);
}
});
}
<Form inline onSubmit={this.handleSubmit.bind(this)}>
....
</Form>
e.target.value
๊ฐ undefined๋ฅผ ๋ฐํํ๋ฏ๋ก ์ ์ถ ์ฝ๋ฐฑ์ผ๋ก ์ ๋ฌ๋ ์ด๋ฒคํธ์์ ๊ฐ์ ๊ฒ์ํ ์ ์์ต๋๋ค.
this.props.validateFields()
์ ๋ํ ํธ์ถ์์ ์ด๋ฌํ ๊ฐ์ ์ด๋์์ ์์ต๋๊น?Ant Design ํ์ GitHub ๋ฌธ์ ๋ฅผ ์ฌ์ฉํ์ฌ ๋ฒ๊ทธ๋ฅผ ์ถ์ ํ๊ฑฐ๋ Ant Design์ ๊ณํ์ ๋
ผ์ํฉ๋๋ค. ๋ฐ๋ผ์ ์ฌ๊ธฐ์์ ์ฌ์ฉ ์ง๋ฌธ์ ํ์ง ๋ง์ญ์์ค. Stack Overflow ๋๋ Segment Fault ์์ ์ง๋ฌธ์ ์๋ํ ๋ค์ antd
๋ฐ react
ํ๊ทธ๋ฅผ ์ง๋ฌธ์ ์ ์ฉํ ์ ์์ต๋๋ค.
์ง๋ฌธํ๊ธฐ ์ ์ ๋ฌธ์ ๋ฐ FAQ ๋ฅผ ์ฝ๊ณ ๋ฌธ์ ๋ฅผ ๊ฒ์ํด์ผ ํฉ๋๋ค. THX!
๋๋ํ ์ง๋ฌธ (ๆ้ฎ็ๆบๆ ง)์ ์ฝ์ผ๋ฉด ๋ ์ข์ ๊ฒ์ด๋ค.
@Orbyt ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋์์ต๋๊น? ๋๋ ์ด ๋ฌธ์ ์ ๋ํ stackoverflow ์ง๋ฌธ์ด ์์ต๋๊น?
@benjycui ์คํ ์ค๋ฒํ๋ก์๋ ์ ์ฉํ ๋ต๋ณ์ด ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ฐ๋ฏธ ๋์์ธ MF์ ๋ชจ๋ ์ง๋ฌธ์ ๊ฐ์ ๋๋ต์ ๋ฅ์ณ. ๊ฐ๋ฏธ ๋์์ธ ํ์๋ฆฌ์ ๋ชจ๋ ์์ ๋ฌธ์ ๋ฅผ ๋ณผ ์ ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
@benjycui ์คํ ์ค๋ฒํ๋ก์๋ ์ ์ฉํ ๋ต๋ณ์ด ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๊ฐ๋ฏธ ๋์์ธ MF์ ๋ชจ๋ ์ง๋ฌธ์ ๊ฐ์ ๋๋ต์ ๋ฅ์ณ. ๊ฐ๋ฏธ ๋์์ธ ํ์๋ฆฌ์ ๋ชจ๋ ์์ ๋ฌธ์ ๋ฅผ ๋ณผ ์ ์์ต๋๋ค.