React中渲染html结构---dangerouslySetInnerHTML

2023-12-19

  1. dangerouslySetInnerHTML
  2. 胡子{}语法绑定的内容全部作为普通文本渲染,渲染html结构基于---dangerouslySetInnerHTML
  3. dangerouslySetInnerHTML React 标签的一个属性,类似于vue的v-html
  4. 有2个 { {}} ,第一个 {} 代表 jsx 语法开始,第二个是代表 dangerouslySetInnerHTML 接收的是一个对象键值对。
   <div
        
          className="content"
          dangerouslySetInnerHTML={{
            __html: info.body,
          }}
        ></div>
"<div class="main-wrap content-wrap">
<div class="headline">

<div class="img-place-holder"></div>



</div>

<div class="content-inner">




<div class="question">
<h2 class="question-title"></h2>

<div class="answer">

<div class="meta">
<img class="avatar" src="https://picx.zhimg.com/v2-c001cfc335220ed09d125e9f3b154fcf_l.jpg?source=8673f162">
<span class="author">小虾汉斯</span>
<a href="https://www.zhihu.com/question/60732762/answer/470928669" class="originUrl" hidden>查看知乎原文</a>
</div>

<div class="content">
<p>苏联军事百科有一句话说得很有道理,百年战争是整个西方战史从<strong>冲击战(Shock)转向杀伤战的转折点</strong>。古代战争和早期封建战争,战争形式主要是冲击战,取胜方式就是主要靠让对方士气崩溃、四散奔逃,而我在后面尽情追杀,虽然也有坎尼这样的特例,但是大多数时候的普遍情况都是将敌人逐出战场,所以在古代战争中,一般谁控制了战场就算谁是胜利方。</p>
<p>但是英国和法国打,不能这样做,英格兰没有足够数量的骑兵,很难在追击战中取得很大战果,所以,<strong>只能寄希望于在合战阶段本身就大量歼敌</strong>,于是在百年战争初期,英军就不知不觉间开启了杀伤战的理论。在战术形式上的表现是,在比较易于防守的地形(如高地、两个树林之间)设置阵地,等敌人来冲,然后凭借威尔士长弓手万箭齐发,以及我方以逸待劳、地形优势,尽可能多杀敌。</p>
<p>这里就要说,战争前期的法军战力其实并不弱,甚至可以用悍不畏死来形容。我另外一贴说到,封建军队将领指挥得细,对于恢复部队士气和组织其实有一定作用,所以才能够不计损失反复突击,而当时法国王军在欧洲大陆战争中屡战屡胜,地方骑士在十字军战争中战绩也很突出,之所以惨败,就在于法国人对英国人打<strong>杀伤战的新形式认识不足,导致将领和精锐骑兵在合战中大量阵亡,结果正中英国人下怀。</strong></p>
<p>以下一些数据:</p>
<p>1337 年克雷西战役,法国<strong>1 名国王阵亡</strong>(法国盟国波西米亚国王),<strong>11 名大贵族阵亡</strong>,其中包括洛林公爵、波旁公爵、弗兰德伯爵、布洛瓦伯爵、沃德蒙特伯爵、奥梅尔伯爵战死沙场,<strong>1542 名骑士战死</strong>,另有 1400 绅士殒命。普通士兵的阵亡数目则更多。</p>
<p>1356 年普瓦捷战役,法军 2500 人阵亡,1900 人被俘,其中包括国王约翰。</p>
<p>1415 年阿金库尔战役,这场战役数据争议比较大,法军阵亡从 1500 到 11000 都有,被俘 700-2200 人。但法军有生力量损失必定极为重大无疑,因为之前法军主力还在追着亨利五世打,之后亨利五世干脆打下巴黎了。</p>
<figure><img class="content-image" src="https://pic1.zhimg.com/v2-b8577ac2fa57ce5c08b4010a528c5d0a_720w.jpg?source=8673f162" alt=""></figure>
<p>战争最初(其实就是克雷西之战),法军战败的原因还可以归结为长弓确实凶猛,但之后,就不是了。此后法军因为忌惮长弓的威力,普遍采取下马作战变成重步的战法,同时法军的盔甲也改进得越来越精良。结果法军却发现这样还是打不过英军,原因有以下几条:</p>
<ol>
<li>英国那帮自耕农弓箭手,肉搏能力还真不弱。中世纪前期战争,肉搏往往不会下杀手,因为俘虏赚取的赎金是一笔重要收入来源,英国自耕农就不管那些,能一击毙命就绝不用两刀(继续贯彻杀伤战),加上地形烂,轻装的弓箭手反而肉搏中越战越勇。</li>
<li>英国国王(或者黑太子、贝德福公爵)指挥确实比法军有效率,纪律比法军严明,这说起来是一个很大的话题,这可以归结为从“末日审判书“开始英国中央集权就比欧洲其它国家强,法国中央集权强于欧洲大陆其它国家,但还是不如英国。但是两军并没有超出封建军队的范畴。法国骑士不怕死,英国骑士也一样,最后因为地形不利,先崩溃的往往还是法军。</li>
<li>法军下马作战,反而丧失了机动性,且不说身披重甲在复杂地形中移动困难(板甲其实不算笨重,但在阿金库尔烂泥地里就不同了),反而进一步陷入了高陵勿向的大忌。</li>
</ol>
<p>之所以贞德一出,法国局势立刻好转,是因为贞德之后,法军也开始打杀伤战了。</p>
<p>1.因为锁子甲时代,法军骑兵面向英军长弓冲锋遭到屠杀,很多人认为这样做等于自杀,贞德不管那些,重新下令骑马冲锋,并且自己身先士卒(下图),结果法国骑士惊喜的发现,因为自己现在穿板甲,威尔士长弓没那么厉害了。</p>
<figure><img class="content-image" src="https://pic1.zhimg.com/v2-a7b3bb37028bc2a760645def359e5c20_720w.jpg?source=8673f162" alt=""></figure>
<p>2.贞德大量部署新式武器——火炮配合进攻,于是英国人的深沟营垒也没有那么有用了。</p>
<p>3.最重要的一点,贞德根本不管骑士战争那些规矩,对英军斩尽杀绝,在奥尔良之围结束后,英军 5000 人沿着大路向巴黎撤退,贞德命令骑兵火速追击,结果打了英军一个出其不意,几乎将其全歼,几千人的英军对于当时国库将尽的英国是很惨痛的损失(算上强攻奥尔良和其余几场战斗,英军伤亡近万,元气大伤),所以英国人对贞德恨之入骨。</p>
<p>此后受贞德的影响,战争后期的法国将军比如说里奇蒙伯爵,虽然说也是用骑兵为主,但是使用方式已经变得尽可能追求直接歼敌有生力量,而非单纯击溃敌人。例如佛米尼战役中,里奇蒙亲自带领千余骑兵抄英军后路,结果英军全军覆没。于是,英军的新体系对战争形式的转换也使得法军(骑兵)变成了更难缠的对手。</p>
<figure><img class="content-image" src="https://pic1.zhimg.com/v2-79bec6502f12117e4c470a2f23df5a90_720w.jpg?source=8673f162" alt=""></figure>
<figure><img class="content-image" src="https://picx.zhimg.com/v2-3b165d3d66cb5adaeaa82f6812ec3d50_720w.jpg?source=8673f162" alt=""></figure>
<figure><img class="content-image" src="https://picx.zhimg.com/v2-236d9f2fb3db9ebe04ddc0bc79b1051e_720w.jpg?source=8673f162" alt=""><figcaption>法国骑兵破西班牙大方阵战法</figcaption></figure>
</div>
</div>


<div class="view-more"><a href="https://www.zhihu.com/question/60732762">查看知乎讨论<span class="js-question-holder"></span></a></div>

</div>


</div>
</div><script type=“text/javascript”>window.daily=true</script>"
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React中渲染html结构---dangerouslySetInnerHTML 的相关文章

  • 基于SpringBoot的房屋租赁系统 附源码

    基于SpringBoot的房屋租赁系统 附源码 文章目录 基于SpringBoot的房屋租赁系统 附源码 一 引言 二 系统设计 三 技术架构 四 功能实现 五 界面展示 六 源码获取 一 引言 本文介绍了一个基于SpringBo
  • 【转载】【Unity】WebSocket通信

    1 前言 Unity客户端常用的与服务器通信的方式有socket http webSocket 本文主要实现一个简单的WebSocket通信案例 包含客户端 服务器 实现了两端的通信以及客户端向服务器发送关闭连接请求的功能 实现上没有使用U
  • Qt Quick 工程创建

    一 简介 Qt Quick是Qt框架中的一个模块 用于创建现代 响应式的用户界面 它基于QML Qt Meta Object Language 语言和Qt Quick Controls库 提供了一种声明性的方式来构建用户界面 Qt Quic
  • [APM32F4]基于APM32F411控制的一个软开关电路设计分享

    1 前言 说明 本文介绍的软开关电路 并不是 开关电源 里面的软开关概念 而是系统供电的开关 结合MCU等控制芯片 控制系统供电的开启或关断 在某些电子产品的场合 我们经常会需要用到按键长按进行开机 然后按键长按进行关机 或者按键长按之后有
  • 图像配准 CVPRW21 - 深度特征匹配 DFM

    本文转自 图像配准 CVPRW21 深度特征匹配 DFM 深度学习图像配准 CSDN博客 github地址 https github com ufukefe DFM 相识 图像配准 Image Registration 是计算机视觉领域中的

随机推荐

  • 性能测试:如何使用window系统资源监控!

    系统资源监控通常分为两类系统 window和类unix unix linux aix window系统资源监控 window系统资源监控有两种方法 一是使用loadrunner工具进行监控 二是使用windows自带的性能工具perfmon
  • 用一个简单的例子教你如何 自定义ASP.NET Core 中间件(二)

    上一章已经说过了 中间件是一种装配到应用管道以处理请求和响应的软件 每个组件 选择是否将请求传递到管道中的下一个组件 可在管道中的下一个组件前后执行工作 请求委托用于生成请求管道 请求委托处理每个 HTTP 请求 一句话总结 中间件是比筛选
  • git断开原来远程仓库连接并连接新的远程仓库

    背景 先开发了基础框架 后续实际项目基于基础框架开发 需要拉去基础框架 如果直接开发还是在基础框架上进行的 这是不允许的 就需要修改远程地址连接 1 查看远程连接 会返回当前的远程连接地址 git remote v 2 断开与远程仓库的连接
  • SHT10温湿度传感器——STM32驱动

    实验效果 硬件外观 接线 3 3V供电 IIC通讯 代码获取 查看下方 END
  • Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单

    鸿鹄工程项目管理系统 Spring Cloud Spring Boot Mybatis Vue ElementUI 前后端分离构建工程项目管理系统 项目背景 随着公司的快速发展 企业人员和经营规模不断壮大 为了提高工程管理效率 减轻劳动强度
  • Python编程:从入门到实践(基础知识)

    第一章 起步 计算机执行源程序的两种方式 编译 一次性执行源代码 生成目标代码 解释 随时需要执行源代码 源代码 采用某种编程语言编写的计算机程序 目标代码 计算机可执行 101010 编程语言分为两类 静态语言 使用编译执行的编程语言 C
  • DEVOPS 持续部署的例子:IMVU

    持续部署的例子 IMVU IMVU是一家社交娱乐公司 它的产品允许用户以一种3D阿凡达式的体验互相连接起来 本节内容改编自一位IMVU工程师所写的博客 IMVU采用了持续集成 开发人员尽早提交并经常提交 每次提交都触发测试套件的执行 IMV
  • 面向对象编程---基于java控制台的高校教材管理系统课设

    功能要求 1 实现出版社 教材类型的管理 2 实现教材的订购管理 3 实现教材的入库管理 4 创建规则 实现教材的书号必须满足以ISBN开头 后跟10个数字 比如ISBN7302120363 5 创建触发器 实现教材入库和出库时自动修改库存
  • 为什么云监控、云产品流量监控中的流量数据和DDoS防护的流量监控数据有差异?

    一般情况下 DDoS防护的流量监控数据大于您在云监控或具体云产品数据页面看到的流量数据 示例 假设您的ECS实例遭受了DDoS攻击 触发流量清洗 您收到DDoS原生防护基础版的清洗通知 触发清洗时的流量为2 5 Gbps 但是 您在云监控中
  • 总结 BurpSuite 插件 HaE 与 Authz 用法!!!

    HaE与Authz均为BurpSuite插件生态的一员 两者搭配可以避免 越权 未授权 两类漏洞的重复测试行为 适用于业务繁杂 系统模块功能多的场景 两个插件都可以在store里安装 安装完后 点击Filter Settings勾选Show
  • 【工作流Activiti】了解工作流

    1 什么是工作流 工作流 Workflow 就是通过计算机对业务流程自动化执行管理 它主要解决的是 使在多个参与者之间按照某种预定义的规则自动进行传递文档 信息或任务的过程 从而实现某个预期的业务目标 或者促使此目标的实现 通俗来讲 就是业
  • 【工作流Activiti】Activiti的使用

    1 数据库支持 Activiti 运行必须要有数据库的支持 支持的数据库有 mysql oracle postgres mssql db2 h2 2 Activiti环境 我们直接在当前项目 guigu oa parent做Activiti
  • python 基础

    Python 基础 部分信息参考 菜鸟教程 文章目录 Python 基础 介绍背景 环境搭建 下载 win下 Linux下
  • 超星学习通《大学生创新基础》 答案

    1 1 1 多选题 具有高创造性个体的人格特征是 ACBD A 独立性 B 自信 C 对复杂问题感兴趣 D 冒险精神 2 多选题 创新型人才的特点是 ABD A 具有创新精神和创新能力 B 个性灵活 开放 C 力求稳妥 拒绝冒险 D 精力充
  • 绝对干货!自动化测试PO设计模式的进阶实现(附源码),适合想提升编码能力的测试同学

    本文阅读的前提 同学们知道如何进行Selenium自动化测试并了解什么是PO设计模式 对于代码基础较弱的测试同学希望多读几次文章并上手操作 这篇文章看懂后 大家的编码能力就会进步了 代码哪里不懂欢迎留言 PO模式的设计问题 在前面的文章 无
  • [MM32硬件]搭建灵动微MM32G0001A6T的简易开发环境

    作为学习单片机的经典 自然是通过GPIO点亮LED 或者是响应按钮的外部中断例程 这我们看看SOP8封装的芯片MM32G0001A6T得引脚 除了VDD和GND固定外 我们可以使用PA14 PA1 PA13 PA15 PA2 PA3这六个G
  • SQL语句整理二--Mysql

    文章目录 知识点梳理 1 mysql 中 in 和 exists 区别 2 varchar 与 char 的区别
  • 有没有免费好用的进销存管理系统?

    有没有免费好用的进销存管理系统 要 好用 还要 免费 这样的进销存系统选型策略 到最后是 一箭双雕 还是 鱼与熊掌不可兼得 呢 让我们从好用和免费开始 慢慢分析 免费和好用能共存吗 怎么才算是好用的进销存系统 推荐一款好用的 订阅制付费的系
  • 第六章--- 实现微服务:匹配系统(下)

    0 写在前面 这一章终于完了 但是收尾工作真的好难呀QAQ 可能是我初学的缘故 有些JAVA方面的特性不是很清楚 只能依葫芦画瓢地模仿着用 特别是JAVA的注解 感觉好多但又不是很懂其中的原理 只知道要在某个时候用某个注解 我真是有够菜的
  • React中渲染html结构---dangerouslySetInnerHTML

    dangerouslySetInnerHTML 胡子 语法绑定的内容全部作为普通文本渲染 渲染html结构基于 dangerouslySetInnerHTML dangerouslySetInnerHTML 是 React 标签的一个属性