Добавление ярлыков к реагирующему выбору

Суффикс «Z» в DTSTART и DTEND указывает, что эти даты и время предоставляются в формате UTC. Предполагая, что у вашего клиента установлен часовой пояс в Индию (UTC + 5h30), он правильно отображает время начала как 1:30 вечера.

Таким образом, вам нужно либо учитывать это при отправке вашего приглашения, либо включите компонент VTIMEZONE в ваше приглашение и ссылку, что VTIMEZONE в вашем DTSTART / DTEND:

...
METHOD:REQUEST
BEGIN:VTIMEZONE
TZID:Asia/Kolkata
BEGIN:STANDARD
TZOFFSETFROM:+0530
TZOFFSETTO:+0530
DTSTART:19451015T000000
TZNAME:IST
END:STANDARD
END:VTIMEZONE
BEGIN:VEVENT
DTSTART;TZID=Asia/Kolkata:20150501T080000
DTEND;TZID=Asia/Kolkata:20150501T090000

...

DTSTAMP используется в основном для проверки того, обновляется ли существующее событие позже, чем клиент уже получил. См. https://tools.ietf.org/html/rfc5545#section-3.8.7.2

1
задан Ganesh Kaspate 16 January 2019 в 11:32
поделиться

1 ответ

«метка» будет отображаться в первой строке, если ваше свойство «значение» является действительным - убедитесь, что ваше состояние selectedOption имеет действительное значение, которое существует в вашем значении параметров - все в соответствии с документами .

ваш код должен выглядеть примерно так:

import React from 'react';
import Select from 'react-select';

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' }
];

class App extends React.Component {
  state = {
    selectedOption: null,
  }
  handleChange = (selectedOption) => {
    this.setState({ selectedOption });
    console.log(`Option selected:`, selectedOption);
  }
  render() {
    const { selectedOption } = this.state;

    return (
 <div className="row" style={styles}>
        <div className="col-12 d-flex">
            <div className="col-md-4">
                <Select
                value={selectedOption}
                onChange={this.handleChange}
                options={options}
                />
            </div>
            <div className="col-md-4">
                <Select
                value={selectedOption}
                onChange={this.handleChange}
                options={options}
                />
            </div>
            <div className="col-md-4">
                <div className="add">
                    <button type="button" class="btn btn-primary">Primary</button>
                </div>
                <div className="remove">
                    <button type="button" class="btn btn-success">Success</button>
                </div>
            </div>
        </div>
    </div>
      <Select
        value={selectedOption}
        onChange={this.handleChange}
        options={options}
      />
    );
  }
}
0
ответ дан Erez Lieberman 16 January 2019 в 11:32
поделиться
Другие вопросы по тегам:

Похожие вопросы: