Ant-design: props ๋ณ€๊ฒฝ ์‹œ initialValue๊ฐ€ ๋ณ€๊ฒฝ๋˜์ง€ ์•Š์Œ

์— ๋งŒ๋“  2018๋…„ 05์›” 22์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ant-design/ant-design

- [ ] ์ด ์ €์žฅ์†Œ์˜ ๋ฌธ์ œ ๋ฅผ ๊ฒ€์ƒ‰ํ–ˆ์œผ๋ฉฐ ์ด๊ฒƒ์ด ์ค‘๋ณต๋˜์ง€ ์•Š๋Š”๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๋ฒ„์ „

3.5.3

ํ™˜๊ฒฝ

ๆต่งˆๅ™จ็‰ˆๆœฌ

์žฌ์ƒ์‚ฐ ๋งํฌ

http://www.baidu.com

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

                    <div id="div1">
                        pkid:{this.props.pkid}
                    </div>
                    <FormItem
                        {...formItemLayout}
                        label="ไบงๅ“ID"
                        hasFeedback
                    >
                        {getFieldDecorator('pkid', {
                            initialValue:this.props.pkid,
                            rules: [
                                { required: true, message: 'ไบงๅ“ID!' },
                            ],
                        })(
                            <Input placeholder="a-10" />
                        )}
                    </FormItem>

๋ฌด์—‡์„ ๊ธฐ๋Œ€ํ•ฉ๋‹ˆ๊นŒ?

this.props.pkid๊ฐ€ ๋ณ€๊ฒฝ๋˜๋ฉด initialValue๊ฐ€ ๋ณ€๊ฒฝ๋ฉ๋‹ˆ๋‹ค.

์‹ค์ œ๋กœ ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

initialValue๋Š” ์ฒซ ๋ฒˆ์งธ ์„ค์ • ๊ฐ’์ž…๋‹ˆ๋‹ค.

qq 20180522100953
qq 20180522101001

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

handleSubmit= (๊ฐ’) => {
if(this.props.onOk)
{
this.props.onOk(๊ฐ’);
this.props.form.resetFields();
}
}

์–‘์‹ ์ œ์ถœ์ด ๋‚ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐ ํ•œ ํ›„ this.props.form.resetFields() ํ˜ธ์ถœ

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

๊ทธ๋ž˜์„œ ์ดˆ๊ธฐ ๊ฐ’์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

5109

handleSubmit= (๊ฐ’) => {
if(this.props.onOk)
{
this.props.onOk(๊ฐ’);
this.props.form.resetFields();
}
}

์–‘์‹ ์ œ์ถœ์ด ๋‚ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐ ํ•œ ํ›„ this.props.form.resetFields() ํ˜ธ์ถœ

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