自动选择要选择的HTML元素类型React[duplicate]
我想使用道具从标题h1-h6中选择，然后将样式和文本插入标题中。我现在有：
import React from 'react';
import ReactLoading from 'react-loading';
import MyComponent from '../main/MyComponent';
export default class THDSpinner extends {
constructor(props) {
super(props);
this.state = {};
}
render() {
let header_size = `h${this.props.size}`;
return (
<div className="card col-md-12">
<span><h2 style={{fontWeight: "bold", fontSize: "25px", color: "#F96302"}}>Just a moment...Your request is being processed.</h2>
<ReactLoading type="cylon" color="#F96302" /></span>
</div>
)
}
}
THDSpinner.defaultProps = {size: 2}
然后我意识到我以前从来没有自动选择元素类型，甚至不知道从哪里开始。这可以用反应来完成吗，怎么做？
共有1个答案
当然——只需动态创建元素并组合它。
render(){
const Tag = `h${this.props.size}`
return <Tag>Just a moment...</Tag>
}
...
<Foo size={2} />
-
我有一个选择元素，里面有多个选项： 对于这里看到的每个选项元素，我都有另一个select元素。基本上，我在一个选择元素中列出了一系列音乐流派，在它下面，是与每一个“主流派”相关的子流派。 我想做的是使子体裁只有在相对体裁被选中时才可见。例如，如果用户选择“Pop”，我想向他们显示包含Pop子类型的相关选择字段。 我的HTML标记实际上是由WordPress插件生成的，不幸的是，我无法编辑它。也就是
-
点击即可选择点、线或面对象，点中后将高亮显示，并将其中的节点也高亮显示出来。
-
问题内容： 我的网站上有一个选择控件。我正在使用页面对象与页面进行交互。如果我这样做（在我的课程下的前两行和我的方法中） 它以空指针失败。我也尝试了没有。 现在，如果我在我的方法中执行此操作，则一切正常，然后选择正确的项目 这是该控件的实际网页摘要（已编辑以保护无辜者） 让我说我可以解决我的问题， 但是 我不明白为什么“ 正常 ”路径无法正常工作。 问题答案： 那是因为该类具有以下构造函数： 见J
-
问题内容： 我目前在UI测试自动化的元素上放置了一些ID。这些ID仅用于测试。我应该添加数据属性，而不是使其对将来的开发人员更具可读性（data-testHandle =“ mybutton”），还是应该坚持使用ID。 w3.org说： 定制数据属性旨在存储页面或应用程序专用的定制数据，对于这些数据，没有更多合适的属性或元素。 我倾向于保留ID，但是我中的某些人认为将来的开发人员会认为ID未被使用
-
我试图选择一种含有硒的元素，但我是一个初学者。 以下是我尝试选择的元素： 我在我的脚本上尝试了这几行： 但它不工作：（ 硒.common.exceptions.Element单击异常异常：消息：元素单击被截获：元素在点上不可单击 （513， 955） 谢谢你，如果你能帮助我！（抱歉我的英语不好...
-
本文向大家介绍Jsoup 使用CSS选择器选择元素，包括了Jsoup 使用CSS选择器选择元素的使用技巧和注意事项，需要的朋友参考一下 示例 您可以在此处找到支持的选择器的详细概述。