상태 변경시 div 텍스트를 변경하는 방법에 대한 답변

Question

startDate 및 endDate가 새 값을 가져 오지만 div가 이전 값을 표시 할 때마다 div 태그의 텍스트를 업데이트하려고합니다. 나는 상태 변화 DIV의 텍스트를 업데이트 할 수있는 방법

import moment from 'moment'; 
import DatetimeRangePicker from 'react-bootstrap-datetimerangepicker'; 
class TestPage extends Component { 
constructor(props) { 
super(props); 
this.state = { 
startDate: moment().subtract(1, 'days').format('YYYY-MM-DD HH:mm'), 
endDate: moment().format('YYYY-MM-DD HH:mm'), 
}; 
} 

handleChange(event, payload) { 
this.setState({ 
startDate: payload.startDate.format('YYYY-MM-DD HH:mm'), 
endDate: payload.endDate.format('YYYY-MM-DD HH:mm') 
}); 
this.onChange(); 
this.props.sendDateRanges(payload); 
} 

onChange() { 
return `${this.state.startDate} - ${this.state.endDate}`; 
}); 
} 
render() { 
return (<div> 
<DatetimeRangePicker 
timePicker 
showDropdowns 
onShow={this.handleChange.bind(this)} 
onApply={this.handleChange.bind(this)} 
> 
</DatetimeRangePicker> 
<div>{onChange()}</div> </div>); 
} 
export default connect(mapStateToProps, actions)(TestPage); 

Answer 1

는 감사 일

render() { 
const dateDiff = `${this.state.startDate} - ${this.state.endDate}`; 
return (<div> 
<DatetimeRangePicker 
timePicker 
showDropdowns 
onShow={this.handleChange.bind(this)} 
onApply={this.handleChange.bind(this)} 
> 
</DatetimeRangePicker> 
<div>{dateDiff}</div> </div>);