如何将react-select组件的高度设置为100%？

文章/答案/技术大牛

发布

1回答

reactjs、react-select

我在一个div中放置了一个Select组件，它会根据屏幕大小改变它的高度。我需要Select始终占据div的整个高度。基本上，我希望select遵循其父div的高度。styles={{ ...base, }) />

浏览 40提问于2021-08-25得票数 0

1回答

reactjs中的自定义自动完成控件

reactjs、react-jsx

基本上，它是两个部分的自动完成控制，一个是静态的，另一个是动态的。动态区从ajax调用加载数据。我想知道是否有任何可用的自动完成控件提供此功能。如果没有，那么我必须创建我自己的自定义控件。因此，我想知道任何好的例子或可重用的代码，我可以用来实现这个控制。

浏览 1提问于2016-12-07得票数 0

3回答

脉轮UI全高度组件

css、reactjs、chakra-ui

如何将我的应用程序组件设置为完全高度？我甚至试图在我的index.html中将body标记设置为100%高，但没有成功。

浏览 3提问于2021-10-14得票数 6

2回答

如何将next/image组件设置为100%高度

javascript、reactjs、next.js、nextjs-image

我有一个Next.js应用程序，我需要一个图像，填充其容器的完整高度，同时自动决定其宽度基于其纵横比。我尝试过以下几种方法：这段代码编译成功，但在前端，我看到以下错误：错误:具有源"/deco.svg“的图像必须使用”宽度“和”高度“属性或”未调整大小“属性。

浏览 406提问于2020-12-06得票数 17

1回答

React选择无法工作的组件

react-select、vite、astro

运行build命令后，当页面试图加载时，我收到以下错误消息:元素类型无效:预期为字符串(用于内置组件)或类/函数(用于复合组件)，但为got: object。类型定义解析为:react-select/dist/ The selectcjs.d.tsimport Se

浏览 5提问于2022-10-10得票数 0

1回答

将自定义样式应用于react-选择最佳实践(&B)

css、reactjs、styled-components、react-select

从本质上讲，我希望将输入字段的样式与react-select组件的样式保持一致。我知道样式化组件是最好的方法，但是我仍然不确定要改变哪些样式才能得到我想要的结果。

浏览 1提问于2018-04-18得票数 0

3回答

React-select下拉列表在IE11中剪切

css、reactjs、react-select

React select (https://github.com/JedWatson/react-select)下拉列表在IE中未完全显示，但可在其他浏览器中使用。 ? 适用于其他浏览器。我试着设置 .react-select__menu {overflow-y:auto; } 还尝试将react-select的位置设置为绝对和固定，并在菜单打开时将溢出设置为可见同时<em

浏览 22提问于2020-10-28得票数 1

1回答

使用样式组件在react-select上设置高度不会按预期工作

reactjs、styled-components、react-select

我使用的是react-select 3.0.8和styled-components 4.3.2，但当我设置高度时，它在背景中显示的就像一个高度，而不是改变输入高度。 ?

浏览 11提问于2019-12-07得票数 0

回答已采纳

1回答

覆盖react-select组件中的基本CSS

react-select

我正在尝试覆盖react-select中的.Select-control css组件。我想设置一个自定义的高度(默认值是36px)，这样它看起来就更接近我的其他输入域了是否可以覆盖组件本身？

浏览 6提问于2017-08-02得票数 0

8回答

如何样式反应-选择选项

css、reactjs、react-select

react-select组件()选项样式的最佳方式是什么？我可以很好地针对select本身，如下所示：import Select from 'react-select'const styles = { colorplaceholder={'Select something'} style={styles.select}问题是，展开select时的

浏览 11提问于2017-07-24得票数 46

回答已采纳

9回答

改变反应高度-选择元件

reactjs、react-select

我使用的是react select组件以及引导v4。有什么办法可以改变组件的高度吗？它使用的是一些奇怪的JS样式库，我以前从未见过。我设法用它来模仿大纲的轮廓，但是高度让我无法理解，任何帮助都可以帮助我。你可以玩它

浏览 3提问于2019-01-16得票数 32

回答已采纳

1回答

在异步选择失去焦点后，如何保持选项状态？

javascript、reactjs、react-select

使用'react-select‘组件时，我遇到了选项状态的问题。在'blur‘事件之后，选项被设置为默认选项，但是inputValue仍然被设置。如何避免这样的期权重置？"react“16.8.6 "react-select”2.4.2 我根据文档为组件提供了所有的支持，包括loadOptions返回Promise，它解决了选项列表，defaultOptions为</e

浏览 15提问于2019-07-05得票数 2

回答已采纳

1回答

使用可触摸不透明度内嵌套的图像进行导航

react-native、nested、react-navigation、touchableopacity

背景：我一直试图使用嵌套在TouchableOpacity组件中的相同图像，以便使用react导航将它们重定向到其他页面。这是我的密码： return (我<

浏览 1提问于2020-07-24得票数 1

回答已采纳

6回答

如何在react-select下拉组件中确定搜索框的宽度？

reactjs、react-select

我在我的react应用程序中使用react-select dropdown组件。我发现了一个奇怪的问题，当用户开始在react-select下拉列表中输入搜索项目时，搜索文本框得到伸展，并且它不是一个固定的下拉列表。

浏览 2提问于2017-07-05得票数 7

1回答

ActionBar图标大小

android、android-actionbar、android-progressbar

是否可以调整ActionBar菜单项的大小？我将ProgressBar添加到ActionBar中，如下所述：<?android:visible="false" app:showAsAction="always"

浏览 0提问于2018-03-08得票数 0

2回答

如何在react-select中设置helperText

reactjs、material-ui、react-select

我使用的是react-select和TextField Material-UI。是否可以像在TextField中一样在react-select中设置helperText (组件下面的小文本提前感谢您的帮助。附言:我不认为我的问题是this question的重复。另一篇文章是关于如何自定义组件，这是react-select的一部分，我想添加一个react-select没有的选项

浏览 63提问于2019-02-28得票数 3

回答已采纳

2回答

获取页脚到页面引导程序的底部

html、css、asp.net-mvc、twitter-bootstrap

我在MVC C#的引导站点中有以下代码。然而，我不能让页脚坚持到底部。footer class="main-footer" style="background: #3c8dbc; color: white; position: fixed; bottom: 0; width: 100%white;" href="http://example.com">zyz</a></strong> </

浏览 4提问于2015-07-07得票数 0

回答已采纳

3回答

如何将页面高度设置为100%？

html、css

我想从上到下扩展我的div，即使我的div中没有足够的元素。我将CSS设置为 margin-top: 10px; display:block; background-color:red;我的html just a little bit of contents here.

浏览 1提问于2014-05-23得票数 1

2回答

如何将data-testid属性添加到react-select组件

react-select、react-testing-library

使用react-testing-library，我希望测试一个在React中实现的表单。该表单包含类型为react-select的React组件。必须单击react-select组件中没有标签、没有文本等的部分(例如，下拉箭头)。通常，react-testid library的方法是向有问题的项目添加一个“data-testid”属性。我发现，通过为react-select组件

浏览 119提问于2019-09-06得票数 6

2回答

如何将CustomScrollPanel设置为100%高度？

java、javascript、html、css、gwt

我想将设置为高度100%；我尝试的是将CustomScrollPanel设置为100%，但它不是这样工作的。这是我试过的。customScrollPanel()); initWidget(resizeLayoutPanel);我的css： he

浏览 2提问于2014-02-05得票数 0

点击加载更多