Развертывание AWS без сервера и внедрение нежелательных встроенных CSS - PullRequest
Новая
       27

Развертывание AWS без сервера и внедрение нежелательных встроенных CSS

0 голосов
/ 19 сентября 2018

У меня странная проблема.У меня есть безсерверное приложение AWS, на котором запущены реакции / редукса и узла.Я также использую дизайн Ant с реакцией.

При развертывании в aws вводится встроенный css (я думаю).

На моей локальной машине следующий код: 

<Col xs={36} sm={12}>
  <FormItem label={showLabel('Date and Time ', this.props.deviceSize)}>
    {(<DatePicker
      placeholder="Date and Time"
      size="large"
      showTime={{ format: 'HH:mm:ss' }}
      format="YYYY-MM-DD HH:mm:ss"
      onChange={(_, val) => {
        this.setState({ date: val });
      }}
    />)}
  </FormItem>
</Col>

производит: 

<div class="ant-form-item-control-wrapper">
  <div class="ant-form-item-control">
    <span class="ant-form-item-children">
      <span class="ant-calendar-picker ant-calendar-picker-large">
        ...
      </span>
    </span>
  </div>
</div>

Но как только я разверну на aws, он выдаст следующее: 

<div class="ant-form-item-control-wrapper">
  <div class="ant-form-item-control">
    <span class="ant-form-item-children">
      <span class="ant-calendar-picker ant-calendar-picker-large" style="width: 195px;">
        <div>
          ...
        </div>
      </span>
    </span>
  </div>
</div>

style="width: 195px;" было добавлено.Это отбрасывает мой дизайн.

Как бы я решил эту проблему?

Обновление 1

Я понял, что если атрибуты showTime и format удалены, развернутый рендеринг aws ведет себя, как и ожидалось, без внедренного style="width: 195px;"

Обновления 2

Так что эта style="width: 195px;" инъекция казалась странной, поэтому я искал ant-design/ant-design github для этой строки.И это произошло в трех местах.

1) Компоненты / Выбор даты / Тесты / Снимки / demo.test.js.snap

2) site / theme / template / Home / BannerImage.jsx

3) компонентов / форма / тесты / snapshots / demo.test.js.snap

Похоже, мне придется выяснить, что вызывает добавление этой ширины.Или найдите способ удалить этот стиль после рендеринга (хотя такое ощущение, что это неправильный способ решить эту проблему).

...