Reactjs에서 동적으로 시간 선택기로 값을 설정하는 방법

Question

코드에서 반응 시간 선택기 (rc-time-picker)를 사용하고 있으므로 시간 선택기 값을 동적으로 설정하고 싶습니다.

여기에 내 시간 선택 코드

<span id="editstartTime"> 
    <span class="rc-time-picker timeStylstartTimeAdd"> 
     <input type="text" class="rc-time-picker-input" readonly="" value=""> 
      <span class="rc-time-picker-icon"></span> 
    </span> 
</span> 

입니다 그리고 나는이 같은 시도했다.

$('#editstartTime span input').val(this.state.shifts[index].startTime); 

하지만 저에게는 효과가 없었습니다.

이 문제를 극복하도록 도와주세요.

미리 감사드립니다.

Answer 1

TimePicker은 현재 값을 보유하는 moment 유형의 value 상태를 갖습니다.

예. 당신이 그것을로 this example을 시도 제안 당신이

(당신의 예에서 newValue이 this.state.shifts[index].startTime 것)

this.setState({timePickerValue: newValue}) 

를 사용하여 timePickerValue을 수정할 수 있습니다 다음

<TimePicker value={this.state.timePickerValue} ... /> 

: 당신이 상태로 인스턴스화 경우 timePickerValue라고 TimePicker.value 상태를 변경하는 방법을 보여줍니다.