복붙노트

[REACTJS] 필드 성분 밖에 돌아 오는 형태 6.0.0 액세스 에러

REACTJS

필드 성분 밖에 돌아 오는 형태 6.0.0 액세스 에러

해결법


  1. 1.당신이 옆에 입력에 오류가 표시하고자하는 경우, 다음은 사용자가 필드에 전달하는 구성 요소에서 처리해야합니다. 당신은 제출 버튼에 의한 양식의 맨 아래에, 당신과 같이 새로운 필드 구성 요소를 사용할 수처럼 함께 모든 오류를 표시하려면 :

    당신이 옆에 입력에 오류가 표시하고자하는 경우, 다음은 사용자가 필드에 전달하는 구성 요소에서 처리해야합니다. 당신은 제출 버튼에 의한 양식의 맨 아래에, 당신과 같이 새로운 필드 구성 요소를 사용할 수처럼 함께 모든 오류를 표시하려면 :

    const fieldNames = [
      'email',
      'password'
    ]
    
    const renderAllErrors = fields => (
      <ul>
        {Object.keys(fields).map(key => {
          const { meta: { touched, error } } = fields[ key ]
          return touched && error ? <li key={key}>{key}: {error}</li> : undefined
        })}
      </ul>
    )
    
    ...
    
    <Fields names={fieldNames} component={renderAllErrors}/>
    

  2. 2.내가 찾은 해결책은 오류 소품 (http://redux-form.com/6.0.0-rc.4/docs/api/Props.md/#-error-any-)를 사용하는 것입니다. 내 asyncValidate 기능에서 나는 내 필드 오류가 반환 error._error 오브젝트를 작성하십시오. 그때 사용하여 장식 양식에서 액세스 할 수 있습니다 CONST 오류 {} = this.props.

    내가 찾은 해결책은 오류 소품 (http://redux-form.com/6.0.0-rc.4/docs/api/Props.md/#-error-any-)를 사용하는 것입니다. 내 asyncValidate 기능에서 나는 내 필드 오류가 반환 error._error 오브젝트를 작성하십시오. 그때 사용하여 장식 양식에서 액세스 할 수 있습니다 CONST 오류 {} = this.props.

    사람이 더 나은 솔루션이 있다면 ...

    편집 :이 작업을 수행하지 않습니다. 유효한 대답 (필드 구성 요소)를 사용합니다.

  3. from https://stackoverflow.com/questions/39035734/redux-form-6-0-0-access-error-outside-field-component by cc-by-sa and MIT license