Вопросы Теги

Как мне стиль компонента React-Select получить следующую структуру?

Попробуйте regex.

Вам понадобится что-то, что соответствует 20 словам (или 20 границам слов).

Итак (мое регулярное выражение ужасно, так что правильно, если это не точно ): 

/(\w+\b){20}/

И вот некоторые примеры регулярного выражения в php .

0
задан ganesh kaspate 17 January 2019 в 07:52
поделиться

1 ответ

Чтобы достичь своего стиля, вам нужно использовать комбинацию пользовательских styles и components, например: 

const styles = {
  container: base => ({
    ...base,
    flex: 1
  }),
  control: base => ({
    ...base,
    boxShadow: '10px 10px 5px -6px rgba(0,0,0,0.46)',
  }),
  indicatorSeparator: base => ({
    ...base,
    display: 'none'
  }),
  placeholder: base => ({
    ...base,
    color: 'blue'
  })
};

const Placeholder = (props) => {
  return (
    <components.Placeholder {...props}>
    None selected
    </components.Placeholder>
  );
};

<Select styles={styles} components={{Placeholder}} options={options} />

Я думаю, это довольно близко к тому, что вы привели в качестве примера. Здесь живая версия .

0
ответ дан Laura 17 January 2019 в 07:52
поделиться
Другие вопросы по тегам:

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