홈>2020-10-30 09:00source

reactjs - react-select는 기본값을 표시하지 않습니다

값 배열을 기반으로 react-select에서 기본값을 표시하려고합니다. 나는 그 가치가 내가 비교하고있는 가치와 같다는 것을 확인했다. 나는 보았다이 게시물,이 게시물,이 게시물,이 게시물,이 게시물 과이 게시물. 유사점에도 불구하고 defaultValue 여전히 설정되지 않습니다. 나는 비교기의 결과를 loggin으로 확인하여 두 문자열 모두 대문자로 동일하다는 것을 확인했습니다.

내 선택 요소는

  <Select
    name="disposition"
    classNamePrefix="select"
    options={statusOptions}
    ref={selectInputRefPlan}
    styles={singleStylesRowComp}
    defaultValue={statusOptions.filter(
      ({ value }) => value.value === lead.disposition
    )}
  />

내 배열은

const statusOptions = [
    { value: "HOT", label: i18n._(t`HOT`) },
    { value: "WIP", label: i18n._(t`WIP`) },
    { value: "LOST", label: i18n._(t`LOST`) },
    { value: "DNC", label: i18n._(t`DNC`) },
    { value: "WON", label: i18n._(t`WON`) },
    { value: "NEW", label: i18n._(t`NEW`) },
  ];

나는 value 아니라 label 이므로 번역 문제가 발생하지 않습니다. 응답을 기록 할 때 value.value === 'NEW' 과 lead.disposition === 'NEW' , 그러나, 그 defaultValue 설정되지 않습니다. 나는 또한 소품을 시도했습니다 value , 6 개 또는 7 개의 유사한 게시물을 읽었습니다. 간단한 구문 오류가 있습니까? 또는 내가 놓친 다른 무엇입니까?

다음은 문제를 보여주는 샌드 박스 링크입니다.

reactjs react-select

답변 # 1
필터 기능에 오류가 있습니다. 값을 분해 한 다음 value.value에 액세스합니다. 이것은 정의되지 않았습니다.

대신 분해없이 옵션 인수를 취하고 option.value에 액세스하십시오.
```
<Select
  name="disposition"
  classNamePrefix="select"
  options={statusOptions}
  ref={selectInputRefPlan}
  styles={singleStylesRowComp}
  defaultValue={statusOptions.filter((option) => option.value === lead.disposition)}
/>;
```

Python2.net

reactjs - react-select는 기본값을 표시하지 않습니다

관련 자료