Реагировать несколько ссылок ссылаются на один и тот же элемент - PullRequest
Новая
       15

Реагировать несколько ссылок ссылаются на один и тот же элемент

0 голосов
/ 18 апреля 2020

Я работаю над формой в React, в которой используется средство выбора даты, в котором используется ссылка. Однако, когда несколько из этих средств выбора даты помещаются в одну форму, ссылки на каждый экземпляр средства выбора даты, кажется, ссылаются на последний, определенный в форме. Например, выбор даты в первом или втором элементе выбора даты будет обновлять только последнюю, но не саму себя.

Где я определяю ссылку: 

<div className={styles.datePicker} ref={this.setWrapperRef}>
            <div className={styles.mdpInput}  onClick={()=> this.showDatePicker(true)}>
                <input type='date' onChange={this.updateDateFromInput} ref={inputRef}/>
            </div>
            ...rest of code
</div>

Установка ссылки: 

setWrapperRef(node){
    this.wrapperRef = node;
}

Я также удостоверился, что связал функцию: 

constructor(props) {
    super(props);
    let date = new Date();
    let year = date.getFullYear();
    let month = date.getMonth();
    this.state = {
        year,
        month,
        selectedDay: todayTimestamp,
        monthDetails: this.getMonthDetails(year, month)
    }

    this.setWrapperRef = this.setWrapperRef.bind(this);
}

Я только что узнал о ссылках, и я довольно новичок в React, так что может быть простой ответ, который я пропускаю или не знают о. Спасибо!

...