javascript - 我们如何能够使用字符串来执行此任务?
问题描述
任何解释都会有所帮助,因为我们也在使用引导程序,所以我不确定这是否是我不熟悉的引导程序功能。这是输出
export default class Counter extends Component {
state = {
count: 2
};
render() {
return (
<div>
<span className={this.getBadgeClasses()}>{this.formatCount()}</span>
<button className="btn btn-secondary btn-sm">Increment</button>
</div>
);
}
getBadgeClasses() {
let classes = "badge m-2 badge-"; //this line
classes += this.state.count === 0 ? "warning" : "primary";
return classes;
}
formatCount() {
const { count } = this.state;
return count === 0 ? "Zero" : count;
}
}
解决方案
您必须在函数中设置一个字符串,className
因此getBadgeClasses
您必须返回一个字符串。
这部分是不变的:"badge m-2 badge-"
,但你想在某些条件下拥有"warning"
或部分。"primary"
badge-
-
所以你在下一行添加它:
classes += this.state.count === 0 ? "warning" : "primary";
那么这个函数的返回值是什么"badge m-2 badge-primary"
或"badge m-2 badge-warning"
推荐阅读
- javascript - Discord Bot 随机回复执行命令
- c - 编译时检查枚举成员是否存在
- javascript - 通过 _id 查找 MongoDB 文档在 ObjectId 的类型上失败
- javascript - 为平面列表中的每个项目添加两个按钮
- python - 未使用的导入使我可以访问信号的标准输出
- java - 嵌套异常是 org.hibernate.HibernateException:当未设置“hibernate.dialect”时,对 DialectResolutionInfo 的访问不能为空
- c# - 无法隐式转换类型'System.Collections.Generic.List<
完整的异常消息:
无法将类型 'System.Collections.Generic.List<<anonymous type: Schedular.API.Models.TaskSchedule schedule, Schedular.API.Models.Note note&
- python - 创建一个函数来计算一个没有内置方法的数字的对数
- flutter-layout - ScrollExtent 在颤动中为负
- azure - 免费试用订阅已禁用,因为没有剩余额度