Ant-design: 값을 동적 양식 항목으로 설정하면 등록하기 전에 필드를 설정할 수 없습니다.

안녕하세요 @kerrzhao입니다. 이 링크 https://u.ant.design/codesandbox-repro 를 분기하여 온라인 복제를 제공 Need Reproduce 레이블이 지정된 문제는 7일 동안 활동이 없으면 닫힙니다.

@yesmeck https://codesandbox.io/s/3rxj27q281 다음은 코드 데모입니다. 예상되는 효과는 동적 상자에서 기본값을 설정하는 것입니다.

경고와 마찬가지로 등록하기 전에는 필드 값을 설정할 수 없으며 componentDidMount에 names_2 값을 설정하면 아직 등록되지 않은 상태입니다.

@kerrzhao님 , 안녕하세요, 우리는 GitHub 문제를 사용하여 버그를 추적하거나 Ant Design의 계획에 대해 논의합니다. 따라서 여기에서 사용 질문을 하지 마십시오 . Stack Overflow 또는 Segment Fault 에 대해 질문을 시도한 다음 antd 및 react 태그를 질문에 적용할 수 있습니다.

setFieldsValue 이 메소드를 호출 form 등록되지 않았으므로 setFields @kerrzhao setFields 시도 하십시오.

같은 문제입니다. 영어로 말 해주세요.

@naefl 경고에서 말했듯이 필드가 등록되기 전에는 setFieldsValue 를 호출할 수 없습니다.

@naefl 대신 'setFields'를 사용해 보세요.

@naefl 대신 initialValue 사용하고 필드 값을 state example로 설정할 수 있습니다. https://codesandbox.io/s/3rxj27q281

이 같은 문제가 있습니다.

가끔 발생하지만 구성 요소가 React Native에 처음 마운트될 때는 발생하지 않습니다.

여기서 이상한 점은 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)

@gitdust 복용량 효과가 있습니까?

@fenghuizhang 그것은 나를 위해 일합니다

왜 안 좋아?
const formData = { name: data.name, title: data.title, desc: data.desc, link: data.link, }; this.props.form.setFieldsValue(formData);
아마도 귀하의 필드에는 from에 없는 필드가 있습니다.

양식에 설정한 필드가 없으면 이 오류가 나타납니다!

동일한 문제가 있습니다.
등록하기 전에는 필드를 설정할 수 없습니다.
그러나 그 이유는 마침내 발견되었습니다. 양식이 존재하지 않는 필드에 값을 설정하여 오류가 나타납니다!
@yanzishang 에게 감사

대부분의 레이블이 잘못되었습니다.

필드가 설정되지 않으면 경고도 표시됩니다.
따라서 render()에서 form.getFieldDecorator('fieldName', { initialValue: {} }) 와 같은 첫 번째 필드를 설정합니다.
그런 다음 메소드에서 setFieldValue를 사용하십시오.

그것은 나를 위해 작동합니다 ~

같은 문제가 있습니다.

@kerrzhao가 말한 것과 같은 객체인 필드 값과 관련이 있다고 생각합니다.

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

필드가 설정됩니다. 내가 fields.hasOwnProperty(myField) 하면 true를 반환합니다.

나는 같은 문제가 있습니다. 그 이유는 양식이 존재하지 않는 필드에 값을 설정하기 때문입니다.

@guixuefeng101 나랑 똑같아

오류는 실제로 다음과 같이 말해야 합니다.
"값과 연결된 필드를 렌더링하기 전에 필드를 설정할 수 없습니다."

"등록"은 문제가 Ant 프레임워크 내부에 있는 것처럼 들리며 새 개발자에게는 의미가 없습니다.

@joeheyming 해당 지침을 개선하기 위해 PR을 보낼 수 있습니다.

@afc163 이 메시지의 위치에 대한 포인터가 있습니까? 나는 그것을 찾을 수 없습니다

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

setFields 또는 setFieldsValue 대신 getFieldDecorator의 initialValue 사용

비슷한 문제가 있지만 @gitdust 덕분에 귀하의 솔루션으로 내 문제가 완벽하게 해결되었습니다.
초기값이 다른 조건이 많기 때문에 초기값을 동적으로 설정해야 합니다.
기본 초기 값 prop을 버리고 대신 render 메소드 전에 form.setFields를 사용하십시오. 감사 해요!

먼저 다음과 같이 양식을 설정할 수 있습니다.

양식 구성 요소에는 A와 B만 있고 집합의 개체에는 추가 C가 있습니다.

양식에 설정한 필드가 없으면 이 오류가 나타납니다!

나를 위해 작동합니다.

이 경고를 무시하는 방법?

@kerrzhao setFieldsValue 을 setState 에 넣으려고 하면 경고가 사라지고 문제가 해결됩니다.

코드는 아래와 같습니다.

this.setState({ addOptionsList: newAddOptionsList }, () => { setFieldsValue({ [ ${값} ]: '' }); });

양식에 설정한 필드가 없으면 이 오류가 나타납니다!

식스식스

form.getFieldDecorator('fieldName', { initialValue: your_value }) 시도

다음과 같이 v-decorator 형식으로 필드를 정의해야 합니다.

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

문서는 이런 종류의 중요한 메시지에서 더 명확할 수 있습니다.

양식에 설정한 필드가 없으면 이 오류가 나타납니다!

엄청난

내 필드 이름이 임의의 값 'astermihagauvlent'로 설정되어 있는 것과 동일한 문제가 있었습니다. 필드 이름을 'keys'로 변경하여 수정했습니다.

initialValue는 defaultValue와 마찬가지로 첫 번째 렌더링 후에 변경되지 않습니다. 이 상황에서 setFieldValue 또는 mapPropsToFields를 시도하십시오.

예시:
if(this.props.form.getFieldValue('버전')){
this.props.form.setFieldsValue({
버전: info.version,
});
}

당신은 당신이 가지고 있지 않은 필드를 설정합니다. : )

대부분의 레이블이 잘못되었습니다.

진실

@ShMcK 그것은 나를 위해 작동합니다, 정말 감사합니다 ：）

getFieldsValue는 괜찮습니다.

setFieldsValue 전에 필드가 등록되었는지 확인하십시오.
```자바스크립트
const { 형식 } = this.props;
if (정의되지 않음 !== form.getFieldValue('foo')) {
form.setFieldsValue({
foo: 'hello world',
});
}
````

양식에 설정한 필드가 없으면 이 오류가 나타납니다!

고마워

저에게 문제는 여러 필드가 있는 객체로 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)

해당 기능을 사용하면 양식에 존재하지 않는 모든 필드를 무시합니다.

setFields 또는 setFieldsValue 대신 getFieldDecorator의 initialValue 사용

getFieldDecorator의 initialValue를 사용할 때 resetFields를 사용할 수 없습니다.

저에게 문제는 여러 필드가 있는 객체로 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)

해당 기능을 사용하면 양식에 존재하지 않는 모든 필드를 무시합니다.

이것은 useEffect 후크를 작동하는 우주에서 발견된 유일한 솔루션이었습니다.

양식에 설정한 필드가 없으면 이 오류가 나타납니다!

당신을 사랑합니다

저에게는 여러 형태가 있습니다. 내가 찾은 오류는 잘못된 양식 인스턴스로 인해 발생하므로 필드가 등록되었지만 setFieldsValue 를 통해 값을 설정할 수 없다고 확신합니다. 너무 슬프다|_|