Можно ли изменить длину строки поиска?+ defaultValue не работает

Question

Можно ли увеличить длину строки поиска?Я не говорю о реальном размере, потому что есть свойство размера, просто длина.

Кроме того, defaultValue в Поиске, похоже, не работает вообще, это только я?Код, который я использую, является просто копией этого: https://react.semantic -ui.com / modules / search / # types-category Я только что добавил:

let defaultValue = "Search"

передрендер и мой поисковый вызов похожи на это (добавлена ​​часть defaultValue, которая не отображается)

                <Search
                    defaultValue={defaultValue}
                    category
                    loading={isLoading}
                    onResultSelect={this.handleResultSelect}
                    onSearchChange={_.debounce(this.handleSearchChange, 500, { leading: true })}
                    results={results}
                    value={value}
                    {...this.props}
                />

Answer 1

Вы можете сделать что-то вроде этого:

1. установить атрибут значения как value || defaultValue - Это установит значение по умолчанию для поля поиска, если значение пусто

2. Установите имя класса для компонента поиска и измените ширину с помощью css

 <Search
        className="search-bar"
        loading={isLoading}
        onResultSelect={this.handleResultSelect}
        onSearchChange={_.debounce(this.handleSearchChange, 500, {
          leading: true
        })}
        results={results}
        value={value || defaultValue}
        {...this.props}
      />

.search-bar{
  width: 500px;
  .input{
    width: 100%;
  }
}

Вот прямая трансляция демо

Надеюсь, это поможет:)