当前位置: 首页 > 面试题库 >

在React中操作or标签

宋子辰
2023-03-14
问题内容

在React中操纵<html><body>标签的最佳方法是什么?

例如,动态设置“ lang”属性或更改类?

<html lang="en" class="ltr">

我可以使用原始DOM操作来做到这一点。但这是正确的方法吗?


问题答案:

我刚遇到这种用例,<html>当用户切换语言时,我想修改lang属性。实际上,
React Helmet使这一过程变得非常简单。

只需从反应状态获取lang并将其传递到应用程序中任何位置的Helmet组件即可:

<Helmet htmlAttributes={{ lang : this.state.lang }}/> // with this.state = { lang : 'en' }


 类似资料:
  • 我正在从命令行运行cucumber方案 以下命令对我有用 mvn测试-Dcumber。options=“--tags@Admin--tags@sanity” 当我运行复杂命令时,它不起作用。 我想运行带有标签(管理和健全)或(雇员和健全)的cucumber场景 mvn test-dcu number . options = "-tags(@ Admin和@sanity)或(@Employee和@s

  • $ git tag 添加-n选项,就可以显示标签的注解。 建立标签 $ git tag <tagname> 建立含批注的标签 $ git tag -a <tagname> 删除标签 $ git tag -d <tagname>

  • 问题内容: 在Elasticsearch中是否可以在单个查询中获取所有包含短语1或短语2的文档?我知道要匹配一个短语,可以使用以下查询: 但是,如果有多个词组并且目标是检索包含这些词组之一的文档,情况如何? 问题答案: 您可以将两个查询包装在布尔查询的子句中:

  • 主要内容:创建标签,查看标签,删除标签标签操作允许为存储库中的特定版本提供有意义的名称。 假设项目中有两个程序员:和,他们决定标记项目代码,以便以后可以更容易访问这些代码。 创建标签 使用命令来标记当前指针。在创建标签时需要提供选项的标签名称,并提供带选项的标签消息。 如果要标记特定提交,则使用相应的而不是指针。使用以下命令将标签推送到远程存储库。 查看标签 假设开发人员()创建了标签。 现在,另外一个开发人员()就可以使用带有选项的

  • 问题内容: 我正在写一个php应用程序来访问MySQL数据库,在一个教程中,它说了某种形式 PHP如何知道该函数失败以便它运行模具部分?我想我在问它的​​“或”部分如何工作。我想我以前没看过。 问题答案: 如果第一条语句返回,则整个语句必须是第二部分,因此永远不要执行。 例如: 因此,如果您的查询失败,它将评估该语句并结束脚本。

  • 问题内容: 我正在通过LPTHW,遇到了一些我听不懂的东西。您何时会需要布尔值或返回布尔值以外的其他值?LPTHW文本指出所有语言(如python)都具有此行为。他是说解释型语言还是编译型语言,还是鸭子类型的还是静态类型的语言? 我运行了以下代码: 请帮助我了解这里发生了什么。 根据文档:http : //docs.python.org/2/library/stdtypes.html 除非另有说明

  • 我正在尝试创建一个函数,其中检查给定值(作为字符串传递)以查看位数是4还是6,并且它是一个数字。 我的第一个冲动是遵循以下准则: 上面的代码只通过了下面的第一个测试…我不明白为什么它通过了这个测试,但没有通过其他测试: 只有当我分离len()函数时,它才能正常工作。 以上代码通过了所有测试。 因此,我的问题是: 这是怎么回事? 有没有办法为此编写更干净的代码? 谢谢你的帮助! **这不是一个重复的

  • 需要在“拆分”模式下使用底部操作栏中的文本创建按钮。 以下是来自Sherlock示例的代码: 这就是Galaxy S3分辨率的it操作栏在横向方向上的外观(正如您看到的“搜索”项目显示为文本和图标): 现在,旋转到纵向,执行事项下降,“搜索”文本不可见,但显然有足够的空间: 请注意,如果有足够的空间,我如何强制Sherlock显示文本?