Question

是否可以增加搜索栏的长度？我说的不是实际尺寸，因为有一个size属性，只有长度。

此外，Search中的defaultValue似乎根本不起作用，只是我一个人吗？我使用的代码基本上是该代码的复制粘贴： https://react.semantic-ui.com/modules/search/#types-category 我刚刚添加了：

let defaultValue = "Search"

在渲染和我的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

您可以执行以下操作：

设置value || defaultValue之类的value属性-如果该值为空，这将设置搜索字段的默认值
为搜索组件设置一个类名，并通过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%;
  }
}

这是现场demo

希望它会有所帮助：）

可以修改搜索栏的长度吗？ + defaultValue似乎不起作用

1 个答案: