Semantic UI React: Как динамически изменять свойства компонентов, если они использовали enum? - PullRequest
Новая
       17

Semantic UI React: Как динамически изменять свойства компонентов, если они использовали enum?

0 голосов
/ 21 ноября 2018

Здесь я пытаюсь использовать состояния, чтобы динамически изменять компоненты Semantic UI реагировать (v 0.81.1), но это просто, когда true или false, но если требуется определенное значение, я не могу использоватьих

Значение состояния 

   state = {
      gridColumnWidth: 14
    }

Использование сетки 

 <Grid>
       <Grid.Row>
          <Grid.Column width={this.state.gridColumnWidth}>
            <Message header='Header'content='Content'/>
            </Grid.Column>
       </Grid.Row>
    </Grid>

Ошибка 

Type '{ children: Element; width: number; }' is not assignable to type 'IntrinsicAttributes & GridColumnProps & { children?: ReactNode; }'.
  Type '{ children: Element; width: number; }' is not assignable to type 'GridColumnProps'.
    Types of property 'width' are incompatible.
      Type 'number' is not assignable to type '2 | 10 | 9 | 8 | 7 | 6 | 5 | 4 | 3 | 1 | 11 | 12 | 13 | 14 | 15 | 16 | "1" | "2" | "3" | "4" | "5...'.

Есть ли уловки?

1 Ответ

0 голосов
/ 21 ноября 2018

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

<Grid>
    <Grid.Row>
        <Grid.Column width={this.props.width}>
           <Message header='Header'content='Content'/>
        </Grid.Column>
    </Grid.Row>
</Grid>

Это помогает, может быть, кому-то пригодится в будущем.

...