antd-design Form,Select 공동 사용 placeholder 는 문제 가 되 지 않 습 니 다.

2035 단어 react.jsantd
antd-design Form,Select 공동 사용 placeholder 는 문제 가 되 지 않 습 니 다.
원인
  • 최근 antd 으로 폼 을 쓸 때 문제 가 발생 했 습 니 다.Form,Select 구성 요 소 를 함께 사용 할 때 Select 구성 요소 의 placeholder 속성 을 설정 하 는 것 은 효과 가 없습니다.다음 그림:
    • Select 구성 요소 의 placeholder 속성 이 효과 가 없 음 을 발견 하 였 습 니 다.
    조사 하 다
  • 공식 문 서 를 대조 하여 공식 코드
    • 을 보 았 습 니 다.
    
          {getFieldDecorator('gender', {
            rules: [{ required: true, message: 'Please select your gender!' }],
          })(
            
          )}
  • 은 자신의 코드 와 유일한 차이 점 을 발견 했다.바로 내 가 이 폼 항목 의 initialValue 속성 을 설정 한 것 이다.공식 문 서 는 이렇게 말 했다.
  • 폼 안의 구성 요소 에 대해 onChange 합성 사건 을 사용 하 는 것 은 setState 과 value 을 구성 요소 바 인 딩 값 으로 사용 하 는 것 을 개의 치 않 으 며 initialValue 설정 초기 화 값 을 사용 하 는 것 을 개의 치 않 습 니 다.그 러 니까 내 가 쓴 것 도 괜찮아.
  • 어 쩔 수 없 네요.이런 엉뚱 한 문제 에 부 딪 히 면 antd-github-issues 에 가서 똑 같은 질문 을 한 사람 이 있 는 지 찾 아 보 니 정말 있 네요!!
  • 자신의 코드 를 수정 한 후 
    • 
            {getFieldDecorator('certType', {
              initialValue: publicAccount.certType ? publicAccount.certType : undefined,
              rules: [{ required: true, message: '       ' }],
            })(
              ,
            )}

    보충:
  • antd issues Select 컨트롤 은 왜 null 을 place holder 를 표시 하지 않 고 value 로 생각 합 니까?undefined 가 되 어야 합 니까?
    • Mac 에서 Python 3 사용 하기
    인터페이스 테스트

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage