>

올바르게 설명하는 방법은 없지만 시도하겠습니다. 상점을 열 요일을 나타내는 여러 개의 확인란이 있습니다. 이 데이터 API가 있습니다

, day_of_week는 어느 날에 확인란을 선택해야하는지 알려줍니다. 전의. 여기를 참조하십시오

확인란의 상태를 변경하려면 서버에 올바른 속성을 보내야합니다. day_of_week입니다. 그러나 이제 확인란 중 하나만 확인할 수 있습니다. 이것은 내 코드입니다

 {businessGroup.opening_hours ? businessGroup.opening_hours.map((open_hour, i) => (
              <div key={i} className="openHours d-flex">
                <DatePicker
                  placeholder="Start Date"
                />
                <DatePicker
                  placeholder="End Date"
                />
                <div className="weekDays">
                  {
                    ['Mo1', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'].map((day, inx) => (
                      <div className="weekChekbox" key={inx}>
                        <div>{day}</div>
                        <Checkbox
                          checked={open_hour.day_of_week === inx}
                          onChange={() => this.setState({
                            businessGroup: {
                              ...businessGroup,
                              opening_hours: [
                                ...businessGroup.opening_hours.splice(0, i),
                                {
                                  ...businessGroup.opening_hours[0],
                                day_of_week: inx,
                                },
                                ...businessGroup.opening_hours.splice(1),
                              ],
                            },
                          })}
                        />
                      </div>
                    ))
                  }
                </div>
})

괄호를 닫는 데 많은주의를 기울이지 마십시오. 지금은 중요하지 않으므로 전체 코드에서 코드 조각을 자릅니다. 따라서 day_of_week를 올바르게 보내려면 onChange를 올바르게 작성해야하며 모든 확인란을 선택할 수 있습니다.

감사합니다)


  • 답변 # 1

    checked 를 확인해야합니다  onChange 콜백에서 이벤트 대상의 가치.

    코드에서 :

    <Checkbox
      checked={open_hour.day_of_week === inx}
      onChange={(e) => this.setState({checked: e.target.checked})}
    />
    
    

    이 jsfiddle 데모를 확인하십시오

  • 이전 python - django-mptt의 MPTTModel 상속 문제
  • 다음 ORDER BY는 MySQL 쿼리 속도를 늦춘다