Невозможно изменить ширину элементаact-select - PullRequest
Новая
       6

Невозможно изменить ширину элементаact-select

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

Что бы я ни делал, я не могу изменить ширину выбора. Он всегда остается неизменным, некоторая ширина по умолчанию (например, около 75 пикселей). 

const Container = styled('div')`
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
`;
const selectStyles = {
  valueContainer: base => ({
    width: 300,
  }),
  group: base => ({
    width: 300,
  }),
  container: base => ({
    width: 300,
  }),
  control: base => ({
    width: 300,
  }),
  singleValue: base => ({
    width: 300,
  }),
  input: base => ({
    width: 300,
    color: theme.palette.text.primary,
    '& input': {
      font: 'inherit',
    },
  }),
}

return (
  <SplitPane split='horizontal' defaultSize={260}>
    <Paper
      style={{ width: '100%' }}
    >
      <Container>
        <Select
          style={selectStyles}
          options={suggestions}
          value={this.state.channel}
          onChange={(value) => (this.setState({ channel: value }))}
        />

Что я делаю не так?

1 Ответ

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

Вы только что сделали орфографическую ошибку в названии реквизита, это styles вместо style внутри компонента Select.

...