我Material-UI在我的项目中使用，我在控制台中收到警告：
Warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>
虽然没有直系后裔，
<form>
<TextField
label="Title"
value={title}
onChange={this.handleChange("title")}
className={classes.formControl}
margin="normal"
/>
<br />
<FormControl className={classes.formControl}>
<InputLabel>Muscles</InputLabel>
<Select
value={muscles}
onChange={this.handleChange("muscles")}
>
{categories.map((category, index) => {
return (
<MenuItem key="index" value={category}>
{category}
</MenuItem>
);
})}
</Select>
</FormControl>
<br />
<TextField
multiline
rows={4}
label="Description"
value={description}
onChange={this.handleChange("description")}
className={classes.formControl}
margin="normal"
/>
</form>
这是沙盒链接：
这是css：一个是Regular，另一个是Bold，但两者都有相同的字体系列名称。
如何在我们的样式表中区分和使用它？
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Bold.eot');
src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/Montserrat-Bold.woff') format('woff'),
url('fonts/Montserrat-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/Montserrat-Regular.eot');
src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Montserrat-Regular.woff') format('woff'),
url('fonts/Montserrat-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
任何人都可以解释我为什么会得到不同的输出？
代码1:
var a = 1;
function b() {
a = 10;
console.log(a); //output 10
}
b();
console.log(a); //output 10代码2:
var a = 1;
function b() {
a = 10;
console.log(a); //output 10
function a() {}
}
b();
console.log(a); //output 1为什么我在调用函数"b"后得到"a"变量的不同输出？需要一些明确的解释这里真正发生了什么？
我正在尝试在输入占位符中使用Font Awesome图标。
我尝试了这个，但是没有用。
<body>
<input type="text" placeholder="" style="font-family:FontAwesome"/>
</body>
这怎么了 我在占位符中得到一些奇怪的数字，而不是图标。
当我将宽度设置为 100% 到列表元素时，嵌套列表元素也将获得相同的宽度！我不希望这种情况发生......如何使其不适用于列出的元素。
例如：html 结构
<ul>
<li>
<ul>
<li></li>
<li></li>
</ul>
</li>
</ul>
css结构：ul li{width:100%;}
但这也适用于嵌套元素！即“ul li ul li”的宽度也为 100%..我不希望这种情况发生！有什么解决办法吗？