React组件中对a标签的href的带变量拼接

linkContent=<a href={DATA.serverUrl+'service/apartment'+url+'?apartmentId='+urlID}><p>名称：{this.props.name}</p></a>

注意href={}，及href内部需要使用单引号。

另外也可以写props

linkContent=<a href={DATA.serverUrl+'service/apartment'+this.props.url+'?apartmentId='+this.props.id}><p>名称：{this.props.name}</p></a>

React组件中对a标签的href的带变量拼接相关推荐

react组件中箭头函数的使用
文章目录 1概念 2this指向三.箭头函数不能改变this指向四.箭头函数的调用(这边以React组件举例) 1概念箭头函数是匿名函数的另一种表达形式,简化写法. // 普通函数 const ...
react 组件中使用组件_禁止使用React功能组件的7个理由
react 组件中使用组件 Are React's Functional Components Worth The Cost? React的功能组件值得吗? Update 5/31/19: React ...
import引入json文件_在React组件中导入Json文件
我正在尝试在React组件中加载languages.json文件.当我想导入json文件时,我在第一步收到以下错误.这是错误: ERROR in ./app/languages.json Module ...
3. React 组件中怎么做事件代理？它的原理是什么？
3. React 组件中怎么做事件代理?它的原理是什么? React 基于 Virtual DOM 实现了一个 SyntheticEvent 层(合成事件层), 定义的事件处理器会接收到一个合成事件对 ...
【React】1128- 如何在 React 组件中优雅的实现依赖注入
控制反转(Inversion of Control,缩写为IoC),是面向对象编程中的一种设计原则,可以用来减低计算机代码之间的耦合度,其中最常见的方式就是依赖注入(Dependency Inject ...
react组件中的constructor和super小知识
1.react中用class申明的类一些小知识如上图:类Child是通过class关键字申明,并且继承于类React. A.Child的类型是? typeof Child === 'fu ...
在React 组件中使用Echarts
在完成一个需求的时候碰到一个场景需要使用柱状图.涉及到可视化,第一反应当然是Echarts了.平时用js加载Echarts组件很方便,但是在React中就要费下神了.各种连蒙带猜实现了.edmo里的E ...
这就是为什么我们需要在React的类组件中绑定事件处理程序
by Saurabh Misra 索拉·米斯拉(Saurabh Misra) 这就是为什么我们需要在React的类组件中绑定事件处理程序 (This is why we need to bind ev ...
vue3从父组件将标签属性（class、id等）传给子组件中的指定的标签
父组件引用子组件,引用部分就不说了,直接上代码: <child-dom class="diy_cls" id="only"></child-d ...

React组件中对a标签的href的带变量拼接

React组件中对a标签的href的带变量拼接相关推荐

最新文章

热门文章