>source

값 배열을 기반으로 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 개의 유사한 게시물을 읽었습니다. 간단한 구문 오류가 있습니까? 또는 내가 놓친 다른 무엇입니까?

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


  • 답변 # 1

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

    대신 분해없이 옵션 인수를 취하고 option.value에 액세스하십시오.

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

관련 자료

  • 이전 javascript - 복사 기능이 p5js의 다른 캔버스에있는 이미지를 인식하지 못합니다
  • 다음 python - NaN을 사용하여 열을 json_normalize하는 방법