更改React提及建议列表的位置
React是一个用于构建用户界面的JavaScript库。它被广泛应用于前端开发领域，具有高效、灵活和可维护性的特点。在React中，提及建议列表的位置可以通过以下几种方式进行更改：
- 使用CSS样式：可以通过修改CSS样式来改变提及建议列表的位置。通过设置列表的位置属性（如
position: absolute）和偏移属性（如top、bottom、left、right）来调整列表的位置。具体的样式调整可以根据实际需求进行定制。 - 使用React组件库：可以使用一些优秀的React组件库来实现提及建议列表的位置更改。这些组件库通常提供了丰富的样式和配置选项，可以方便地调整列表的位置。例如，Ant Design是一个流行的React组件库，它提供了AutoComplete组件，可以用于实现提及建议列表，并且可以通过设置
dropdownStyle属性来调整列表的位置。 - 自定义组件：如果需要更精细的控制，可以自定义React组件来实现提及建议列表的位置更改。通过在组件中处理用户输入和列表的显示逻辑，可以灵活地控制列表的位置。可以使用React的生命周期方法（如
componentDidUpdate）来监听输入框的变化，并根据需要更新列表的位置。
总结起来，更改React提及建议列表的位置可以通过CSS样式、React组件库或自定义组件来实现。具体的实现方式可以根据项目需求和个人偏好进行选择。在腾讯云的产品中，与React相关的产品包括云开发、云函数、云存储等，可以根据具体需求选择适合的产品进行开发和部署。
参考链接：
- React官方网站：https://reactjs.org/
- Ant Design官方网站：https://ant.design/
- 腾讯云开发产品介绍：https://cloud.tencent.com/product/tcb
- 腾讯云函数产品介绍：https://cloud.tencent.com/product/scf
- 腾讯云存储产品介绍：https://cloud.tencent.com/product/cos
相关·内容
1回答
我在我的项目中使用react-mentions来提到用户。问题是我的评论输入在页面的底部。当我们在光标底部键入@时，react-mentions会显示建议。我想让这个列表在cursor...Can上面，有谁能帮我吗？.mentions {}
display: in
浏览 7提问于2021-06-03得票数 0
回答已采纳
我在我的应用程序中使用了react提及。我在建议列表中有更多的项目。有没有可能固定一个高度并给它添加滚动条？ https://github.com/signavio/react-mentions
浏览 16提问于2020-01-29得票数 0
回答已采纳
1回答
我想实现LinkedIn的Hakawai在快速添加评论到项目中提到的内容。问题是HKWTextView应该尽可能小，调整它的框架以适应内容和建议提及列表应该弹出上面，但我找不到如何实现这一点的解决方案。width: fixedWidth, height: newSize.height) }自动调整文本视图的大小：
开始键入提及
浏览 3提问于2019-06-06得票数 1
我想在PixelRatio中使用react本机，但不确定我插入图像路径的位置。在react本机文档中，在pixelRatio中使用时，我没有看到任何关于映像路径的提及 width: PixelRatio.getPixelSizeForLayoutSizePixelRatio.getPixelSizeForLayoutSize(100),<Image source={image} style={{width: 200
浏览 3提问于2017-10-26得票数 0
回答已采纳
我让代码运行在一个普通的html/javascript代码段上。然而，它并不是一种反应方法。我认为问题在于.querySelectorAll()和.parentNode方法的使用。我正在寻找一种类似的方法来取代这两种似乎行不通的方法。还是完全是另一个问题？编辑：按照注释中的要求添加了整个React组件
import { Row, Col, Table } from "reac
浏览 5提问于2020-04-03得票数 0
问题是当提及列表弹出窗口有滚动时，keydown/keyup不起作用，我可以用鼠标滚动，但是keyup/keydown不能使滚动移动到正确的位置
浏览 12提问于2020-05-21得票数 0
2回答
我使用react-native-pdf，但在新版本中它使用react-native-blob-util，当我安装react-native-blob-util时，它会崩溃。我从堆栈溢出和谷歌上读到，最好降低react-native-pdf的等级，因为降级版的react-native-pdf为什么不使用react-native-blob-util。现在我有了react-native-pdf版本= 6.4.0
现在我想降级到reac
浏览 10提问于2022-01-05得票数 3
回答已采纳
我有一个包含有许多属性的数据列表的列表。我想在整个列表中迭代和读取单个属性。我可以通过提到这个位置(例如:列表)来阅读它，但我想动态地阅读它。我如何在不提及职位的情况下动态地迭代和读取它？
浏览 0提问于2018-01-22得票数 1
回答已采纳
有没有办法确定一个文件的两个版本之间的两个差异是否属于相同或不同的更改列表？如果不是，那么在进行更改时在注释中提及更改列表编号是否是一种好的做法？
浏览 2提问于2013-06-21得票数 0
回答已采纳
我是javascript编程的新手，我想使用react将user提及添加到消息中。我不想使用任何插件。 我要做的是什么？ 我有一个消息字段(input元素)。当用户输入@时，它应该会打开一个包含用户列表的下拉菜单。当用户输入@ character时，如何触发打开下拉菜单？ 有没有人能对此提供一些见解。谢谢。 下面是我尝试过的代码。class UserMention extends React.PureComponent {
浏览 21提问于2019-07-01得票数 0
1回答
我试图用CSS选择器隐藏这些字段，但这样，我就不能再从列表中选择它们了。
我使用的是react-admin 3.19
浏览 5提问于2022-10-04得票数 1
回答已采纳
2回答
安装和使用React
、、、、
我的剧本开头是：var ReactDOM = require('react-dom');
我使用Node和NPM安装到我的项目目录中，我可以看到它们已经成功地安装在我的我打开Project Setting->Javascript Libraries->NPM，我可以看到React v15.4.2和React-DOM v15.4.2。var
浏览 5提问于2017-03-12得票数 0
回答已采纳
我的contacts表布局中有一个门户，它在第二个“提及”表中显示相关的提及。此相关表与第三个“源”表有关系，当用户查看“联系人”布局的“提及”门户中的数据时，我希望用户从中进行选择。这在很大程度上是可行的。当用户更改门户中的“源”，然后尝试更改下一个门户行中的“源”时，问题就来了。t将“源”更改为最后选择的源，而不管是否进行选择。
有什么想法吗
浏览 0提问于2010-11-16得票数 0
回答已采纳
1回答
在react中进行配置的正确方法是什么？实际上，我想使用.json文件(-s)进行配置，但这不是必须的。有人建议更改webpack.config.js以向webpack显示附加配置的位置，但在create-react-app中，我无法访问此配置文件。
浏览 5提问于2017-02-15得票数 1
2回答
因此，我有一个显示产品详细信息屏幕，它的工作方式类似于模板，因为只有即将到来的导航参数发生更改，我遇到了问题，因为没有重新加载，当返回并再次装载它时，它工作得很好，但情况并非如此，因为我的相关产品显示在同一屏幕上this.props.route.params.product, }
} 导航到我在屏幕本身或其他路线上使用的路线
浏览 17提问于2020-06-23得票数 2
回答已采纳
我在react组件中搜索了许多支持DND功能的库，但不幸的是，找不到没有中心拖动点的库。所有这些我都看到他们在长卡片内容上有一个问题。我所寻找的是，当开始拖动列表中的项目时，我需要项目根据鼠标指针改变其位置，而不是项目中心点。 有什么建议吗？ 需要覆盖两件事。1)多个目标(任务列表类似于ZendHub) 2)拖动点基于鼠标位置，而不是中心。这个不错，但它是根据Item Center :/
浏览 16提问于2019-04-17得票数 0
1回答
在一个数据库中，Oracle建议的从Enterprise计划的备份总是在恢复区域结束，尽管RMAN配置显示其他地方的设备类型磁盘格式点。据我所见，计划的备份作业只是：allocate channel oem_disk_backup device type disk;CONFIGURE CHANNEL DEVICE TYPE DISK FORMAT '/s01/
浏览 0提问于2013-07-13得票数 4
回答已采纳
1回答
最近，我们想要在React中实现一些动画，下面是我们想要的:当发生了什么事情(接收到来自webSocket的消息)，重新排序一个react component.In my的列表时，列表中的项目的一个位置将首先更改.So，然后将项目从原始位置淡出，然后将其淡出到正确的位置。我的解决方案是使用JQuery删除和添加相应的项目DOM，
浏览 2提问于2016-03-14得票数 4
我用默认渲染器和观看gltf模型创建了简单的react-三纤场景，一旦我使它成为recieveShadow，它就开始在pointLight下创建行模式。
提前感谢你的技巧和建议
浏览 4提问于2022-11-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
