Ant-design: डायनामिक फॉर्म आइटम पर मान सेट करते समय आप इसे पंजीकृत करने से पहले फ़ील्ड सेट नहीं कर सकते हैं

को निर्मित 9 जन॰ 2018 · 48टिप्पणियाँ · स्रोत: ant-design/ant-design

संस्करण

3.1.1

वातावरण

मैक (क्रोम 63.0.3239.84 (64) और 3.1.1)

प्रजनन लिंक

https://ant.design/components/form-cn/#components -form-demo-dynamic-form-item

प्रजनन के चरण

डायनामिक फॉर्म आइटम सेट वैल्यू,
`const formItems = keys.map((k, index) => {
वापसी (
{...formItemLayoutWithOutLabel}
आवश्यक = {सच}
कुंजी = {के}
>
{getFieldDecorator(minAmount-${k} , {
नियम: [{
आवश्यक: सच,
संदेश: "请输入大于0的值",
}],
})(

)}

      { (keys.length > 1) ? (
        <Button
        type="danger"
        disabled={keys.length === 1}
        onClick={() => this.remove(k)}
        >删除</Button>
      ) : null}
    </FormItem>
  );
});

Example this.props.form.setFields( { "minAmount-1" : {value : 111} } ); ।

क्या अपेक्षित है?

सामान्य फ़ील्ड के रूप में मान सेट करें।

वास्तव में क्या हो रहा है?

आप इसे पंजीकृत करने से पहले फ़ील्ड सेट नहीं कर सकते।

पंक्ति डेटा को संपादित करते समय और डेटा को डायनामिक फॉर्म आइटम पर सेट करें।

Usage

स्रोत

kerrzhao

सबसे उपयोगी टिप्पणी

यदि आपके फ़ॉर्म में आपके द्वारा सेट किए गए फ़ील्ड नहीं हैं, तो यह त्रुटि दिखाई देगी!

yanzishang 22 मई 2018

👍88 🎉15 😄12 ❤11 🚀4

सभी 48 टिप्पणियाँ

हैलो @kerrzhao। कृपया इस लिंक https://u.ant.design/codesandbox-repro को फोर्क करके ऑनलाइन पुनरुत्पादन प्रदान Need Reproduce द्वारा लेबल की गई समस्याएं बंद कर दी जाएंगी।

ant-design-bot 9 जन॰ 2018

@yesmeck https://codesandbox.io/s/3rxj27q281 यहां कोड डेमो है। अपेक्षित प्रभाव डायनेमिक बॉक्स में डिफ़ॉल्ट मान सेट करना है।

kerrzhao 10 जन॰ 2018

चेतावनी की तरह, आप पंजीकरण से पहले फ़ील्ड का मान सेट नहीं कर सकते हैं। जब आप कॉम्पोनेंटडिडमाउंट में names_2 का मान सेट करते हैं, तो यह अभी तक पंजीकृत नहीं हुआ है।

yesmeck 10 जन॰ 2018

👎48

हैलो @kerrzhao , हम बग का पता लगाने या चींटी डिजाइन की योजनाओं पर चर्चा करने के लिए उपयोग संबंधी प्रश्न न पूछें । आप स्टैक ओवरफ़्लो या सेगमेंट फॉल्ट पर प्रश्न पूछने का प्रयास कर सकते हैं, फिर अपने प्रश्न पर टैग antd और react करें।

ant-design-bot 10 जन॰ 2018

👎57

setFieldsValue इस विधि को कॉल किया जाता है, तो form पंजीकृत नहीं है, @kerrzhao setFields आजमाने के लिए

gitdust 7 फ़र॰ 2018

👎40 👍3

समान समस्या। कृपया अंग्रेज़ी का प्रयोग करें।

naefl 13 फ़र॰ 2018

👍83 👎13 😄9 🎉1

@naefl जैसा कि चेतावनी में कहा गया है, आप फ़ील्ड पंजीकृत होने से पहले setFieldsValue कॉल नहीं कर सकते।

yesmeck 13 फ़र॰ 2018

👎68 👍2

@naefl इसके बजाय 'सेटफिल्ड्स' आज़माएं

gitdust 14 फ़र॰ 2018

👎40 😕7 👍1

@naefl हम इसके बजाय initialValue उपयोग कर सकते हैं और उदाहरण के लिए फ़ील्ड मान सेट कर सकते हैं: https://codesandbox.io/s/3rxj27q281

kerrzhao 26 फ़र॰ 2018

👎9 👍4

यह एक ही मुद्दा होना:

कभी-कभी होता है, लेकिन पहली बार रिएक्ट नेटिव पर कोई घटक माउंट नहीं होता है।

इसके बारे में अजीब बात यह है कि फॉर्म को प्रस्तुत करने के बाद ही setFieldValues को अच्छी तरह से बुलाया जाना चाहिए।

class Login extends React.Component {
  componentDidMount() {
    this.getStoredSettings()
  }
  getStoredSettings = async () => {
    const canLogin = await getItem('token')
    if (!canLogin) {
      const creds = await getItem('credentials')
      if (creds) {
        // update values with creds
        const { email, password } = JSON.parse(creds)
        try {
          this.props.form.setFieldsValue({
            email,
            password,
          })
        } catch (error) {
          console.log(error)
        }
      }
    }
  }

  render() {
    const { form, initialValues } = this.props
    const { email, password } = initialValues
    const { getFieldProps } = form
    return (
            <Form>
              <InputItem
                {...getFieldProps('email', {
               initialValue: email,
             })}
              />

              <InputItem
                {...getFieldProps('password', {
               initialValue: password,
             })}
                type='password'
              />
            </Form>          
    )
  }
}

const LoginForm = createForm()(Login)

const mapState = (state) => {
  return {
    initialValues: {
      email: __DEV__ ? DEFAULT_EMAIL : '',
      password: __DEV__ ? DEFAULT_PASSWORD : '',
    },
 }
}

export default connect(mapState)(LoginForm)

ShMcK 27 फ़र॰ 2018

👍4

@gitdust खुराक यह काम करता है?

fongfai 15 मार्च 2018

@fenghuizhang यह मेरे लिए काम करता है

gitdust 15 मार्च 2018

ऐसा क्यों नहीं?
const formData = { name: data.name, title: data.title, desc: data.desc, link: data.link, }; this.props.form.setFieldsValue(formData);
हो सकता है कि आपके खेतों में से एक नहीं है

lazychanger 27 अप्रैल 2018

👍3

yanzishang 22 मई 2018

👍88 🎉15 😄12 ❤11 🚀4

मुझे यह वही समस्या है:
आप इसे पंजीकृत करने से पहले फ़ील्ड सेट नहीं कर सकते।
लेकिन कारण अंत में पाया गया था
धन्यवाद @yanzishang , आपके उत्तर ने मुझे समस्याओं को हल करने में बहुत मदद की।

codesee 7 जून 2018

👍5

अधिकांश लेबल गलत हैं

America-first-melon 27 जून 2018

👍16 🎉5 👎1

यदि फ़ील्ड सेट नहीं है, तो चेतावनी भी।
इसलिए, पहले फ़ील्ड सेट करें, जैसे: form.getFieldDecorator('fieldName', { initialValue: {} }) रेंडर () में,
फिर अपनी विधियों में फ़ील्डवैल्यू सेट करें।

यह मेरे लिए काम करता है ~

lehug 5 जुल॰ 2018

👍21 🎉10 😄9 🚀1 ❤1

मुझे एक ही समस्या हो रही है।

मुझे लगता है कि यह फ़ील्ड वैल्यू से संबंधित है जैसे @kerrzhao ने कहा:

Example this.props.form.setFields( { "minAmount-1" : {value : 111} } ); .

मैदान तय है। अगर मैं फ़ील्ड करता हूं। hasOwnProperty (myField) यह सच हो रहा है।

jeremymarc 26 जुल॰ 2018

मेरे पास एक ही समस्या है, इसका कारण यह है कि, फ़ील्ड के लिए मान मौजूद नहीं है

guixuefeng101 28 अग॰ 2018

👍6

@ guixuefeng101 मेरे साथ भी ऐसा ही है

GoDiMeN 29 अग॰ 2018

त्रुटि वास्तव में कहना चाहिए:
"आप मान से संबद्ध फ़ील्ड को रेंडर करने से पहले फ़ील्ड सेट नहीं कर सकते।"

"पंजीकरण" ऐसा लगता है जैसे समस्या चींटी ढांचे के लिए आंतरिक है, और इसका नए डेवलपर्स के लिए कोई अर्थ नहीं है।

joeheyming 29 अग॰ 2018

👍3

@joeheyming आप उस निर्देश को बेहतर बनाने के लिए एक पीआर भेज सकते हैं।

afc163 29 अग॰ 2018

@ afc163 कोई संकेत है कि यह संदेश कहाँ है? मुझे यह नहीं मिल रहा है

joeheyming 29 अग॰ 2018

@afc163 https://github.com/react-component/form/pull/191

joeheyming 4 सित॰ 2018

इसके बजाय getFieldDecorator के इनिशियलवैल्यू का उपयोग करें setFields या setFieldsValue

chinaxiaoyy 5 सित॰ 2018

👍7 🎉2

मेरे पास एक ही समस्या है, लेकिन @gitdust के लिए धन्यवाद, आपके समाधान ने मेरी समस्या को पूरी तरह हल कर दिया।
मुझे प्रारंभिक मान गतिशील सेट करने की आवश्यकता है, क्योंकि विभिन्न प्रारंभिक मान के साथ कई स्थितियां हैं।
मैंने डिफ़ॉल्ट प्रारंभिक मान प्रोप को छोड़ दिया, इसके बजाय विधि प्रस्तुत करने से पहले form.setFields का उपयोग करें। धन्यवाद!

wybaby168 18 अक्तू॰ 2018

आप पहले फॉर्म को इस तरह सेट कर सकते हैं

{ _.isEmpty(gatherDetail) && this.props.location.state.type === 'संपादित करें'? : शून्य }

zhanghuixi 9 जन॰ 2019

प्रपत्र घटक में केवल A और B हैं, और आपके सेट के ऑब्जेक्ट में एक अतिरिक्त C है

peakandyuri 21 जन॰ 2019

👍11

यदि आपके फ़ॉर्म में आपके द्वारा सेट किए गए फ़ील्ड नहीं हैं, तो यह त्रुटि दिखाई देगी!

मेरे लिए काम करता है, बढ़िया!

hxy91819 22 जन॰ 2019

इस चेतावनी को कैसे अनदेखा करें?

QiangJony 25 जन॰ 2019

@kerrzhao मैं setFieldsValue को setState डालने की कोशिश कर रहा हूं, चेतावनी गायब हो गई है और समस्या हल हो गई है;

कोड नीचे है:

this.setState({ addOptionsList: newAddOptionsList }, () => { setFieldsValue({ [ संशोधित सामग्री${value} ]: '' }); });

jackywq 30 जन॰ 2019

👍6

यदि आपके फ़ॉर्म में आपके द्वारा सेट किए गए फ़ील्ड नहीं हैं, तो यह त्रुटि दिखाई देगी!

छह छह छह

ecoSakuraSou 1 फ़र॰ 2019

😄2

कोशिश form.getFieldDecorator('fieldName', { initialValue: your_value })

ashsepra 13 फ़र॰ 2019

👍4 👎1

आपको अपने फ़ील्ड को v-decorator के रूप में परिभाषित करना चाहिए, जैसे:

<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="description" hasFeedback>
    <a-textarea v-decorator="['description']"/>
</a-form-item>

इस तरह के महत्वपूर्ण संदेश में दस्तावेज़ अधिक स्पष्ट हो सकता है।

wanyukang 28 फ़र॰ 2019

यदि आपके फ़ॉर्म में आपके द्वारा सेट किए गए फ़ील्ड नहीं हैं, तो यह त्रुटि दिखाई देगी!

बहुत बढ़िया

AdaXH 5 मार्च 2019

😄1

मुझे एक ही समस्या थी क्योंकि मेरे क्षेत्र का नाम एक यादृच्छिक मान 'astermihagauvlent' पर सेट है, मैंने इसे फ़ील्ड नाम को 'कुंजी' में बदलकर तय किया है

zhiwenjunjin 12 मार्च 2019

👀2

प्रारंभिक वैल्यू पहले रेंडर के बाद बदलने वाला नहीं है, जैसे कि डिफॉल्टवैल्यू। इस स्थिति में setFieldValue या mapPropsToFields आज़माएं।

उदाहरण:
if(this.props.form.getFieldValue('version')){
this.props.form.setFieldsValue({
संस्करण: जानकारी.संस्करण,
});
}

nguyenhuutinh 6 अप्रैल 2019

आप एक फ़ील्ड सेट करते हैं जो आपके पास नहीं है। : )

Ccheng2729111 15 अप्रैल 2019

👍2

अधिकांश लेबल गलत हैं

सच्चाई

fernandoxu 14 मई 2019

@ShMcK यह मेरे लिए काम करता है, बहुत बहुत धन्यवाद

Xuyuey 15 मई 2019

getFieldsValue ठीक है।

jiamianmao 8 जुल॰ 2019

👎2

सुनिश्चित करें कि फ़ील्ड setFieldsValue से पहले पंजीकृत है
```जावास्क्रिप्ट
कॉन्स्ट {फॉर्म} = यह। प्रॉप्स;
अगर (अपरिभाषित!== form.getFieldValue('foo')) {
form.setFieldsValue({
फू: 'हैलो वर्ल्ड',
});
}
````

oychao 28 जुल॰ 2019

👍4 👎2

यदि आपके फ़ॉर्म में आपके द्वारा सेट किए गए फ़ील्ड नहीं हैं, तो यह त्रुटि दिखाई देगी!

धन्यवाद

elowes 7 नव॰ 2019

मेरे लिए, समस्या मेरे द्वारा setFieldsValue को उस ऑब्जेक्ट के साथ कॉल करने के कारण थी जिसमें कई फ़ील्ड थे, जबकि मेरे फॉर्म में केवल एक फ़ील्ड था।

यहां एक फ़ंक्शन है जिसका आप उपयोग कर सकते हैं

const  dataIWantToFillFormWith = { "test1": "dummy data", "test2": "more dummy data" }

Object.keys(form.getFieldsValue()).forEach(key => {
      const obj = {};
      obj[key] = dataIWantToFillFormWith[key] || null;
       setFieldsValue(obj)

उस फ़ंक्शन का उपयोग करके, यह किसी भी फ़ील्ड को अनदेखा कर देगा जो प्रपत्र में मौजूद नहीं है।

RusseII 10 नव॰ 2019

👍3 ❤1

इसके बजाय getFieldDecorator के इनिशियलवैल्यू का उपयोग करें setFields या setFieldsValue

जब आप getFieldDecorator के प्रारंभिक वैल्यू का उपयोग करते हैं तो आप रीसेटफिल्ड का उपयोग नहीं कर सकते हैं

jackywq 13 नव॰ 2019

मेरे लिए, समस्या मेरे द्वारा setFieldsValue को उस ऑब्जेक्ट के साथ कॉल करने के कारण थी जिसमें कई फ़ील्ड थे, जबकि मेरे फॉर्म में केवल एक फ़ील्ड था।
यहां एक फ़ंक्शन है जिसका आप उपयोग कर सकते हैं
const  dataIWantToFillFormWith = { "test1": "dummy data", "test2": "more dummy data" }

Object.keys(form.getFieldsValue()).forEach(key => {
      const obj = {};
      obj[key] = dataIWantToFillFormWith[key] || null;
       setFieldsValue(obj)
उस फ़ंक्शन का उपयोग करके, यह किसी भी फ़ील्ड को अनदेखा कर देगा जो प्रपत्र में मौजूद नहीं है।

ब्रह्मांड में पाया जाने वाला यह एकमात्र समाधान था जिसने प्रभाव हुक का उपयोग किया

engmsilva 10 जन॰ 2020

यदि आपके फ़ॉर्म में आपके द्वारा सेट किए गए फ़ील्ड नहीं हैं, तो यह त्रुटि दिखाई देगी!

मुझे तुमसे प्यार है

howard-feng 2 अप्रैल 2020

मेरे लिए, मेरे पास कई रूप हैं। मुझे मिली त्रुटि सिर्फ गलत फॉर्म इंस्टेंस के कारण होती है, इसलिए मुझे पूरा यकीन है कि फ़ील्ड पंजीकृत हो गया है, लेकिन setFieldsValue माध्यम से मूल्य निर्धारित नहीं किया जा सकता है। मेरे लिए बहुत दुख की बात है|_|

leftstick 10 अक्तू॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Ant-design: डायनामिक फॉर्म आइटम पर मान सेट करते समय आप इसे पंजीकृत करने से पहले फ़ील्ड सेट नहीं कर सकते हैं

संस्करण

वातावरण

प्रजनन लिंक

प्रजनन के चरण

क्या अपेक्षित है?

वास्तव में क्या हो रहा है?

सबसे उपयोगी टिप्पणी

सभी 48 टिप्पणियाँ

संबंधित मुद्दों