Пользовательский div Контейнер как popperContainer - PullRequest
Новая
       9

Пользовательский div Контейнер как popperContainer

0 голосов
/ 30 января 2019

Во-первых, я новичок в activJS и прошу прощения за мой английский!

У меня проблема с компонентомact-datepicker.Я хотел бы открыть календарь в элементе dom, созданном в методе рендеринга сразу после компонентов DatePicker.

Я пытался использовать свойство popperContainer, но не нашел способа заставить его работать так, как я хочу (найти ответы на некоторые вопросы с использованием решения Portal, но я не хочу использовать его во внешнем элементе DOM)

Вот часть моего кода: 

return ( 
        <div>
            <form onSubmit={this.handleSubmit.bind(this)}>
                <select value={this.state.periode} onChange={this.handlePeriode.bind(this)}>
                    {
                        this.periodeData.map( (periode) => {
                            return <option value={periode.value}>{periode.name}</option>
                        })
                    }
                </select>

                <DatePicker
                    selected={this.state.startDate}
                    selectsStart
                    locale= 'fr'
                    dateFormat="dd/MM/yyyy"
                    minDate= {this.minDate}
                    maxDate={this.maxDate}
                    startDate={this.state.startDate}
                    endDate={this.state.endDate}
                    onChange={this.handleChangeStart}
                />

                <DatePicker
                    selected={this.state.endDate}
                    selectsEnd
                    locale= 'fr'
                    dateFormat="dd/MM/yyyy"
                    minDate= {this.minDate}
                    maxDate={this.maxDate}
                    startDate={this.state.startDate}
                    endDate={this.state.endDate}
                    onChange={this.handleChangeEnd}
                />

                <div>/* THE PLACE TO THE CALENDARS */</div>

                <input type="submit" value="Valider" />
            </form>
        </div>
     );

Если у кого-то естьидея, он добро пожаловать?

Спасибо

...