相关疑难解决方法(0)
Reactjs:如何将html模板放在一个单独的文件中？
我是React的新手.我对Angular2 +更熟悉.在Angular中,每个组件都有一个单独的html文件.但是,在React中,我看到render函数本身包含了html模板.例如,
import React, { Component } from 'react';
class HelloWorld extends Component {
render() {
return (
<h2> Hello World </h2>
);
}
}
export default HelloWorld;
好吧,我想接受
<h2> Hello World </h2>
例如,在js文件之外并将其放在单独的html中并将html文件导入到渲染函数中
render() {
return (
import content of helloworld.html
);
}
你知道怎么做吗？
32
推荐指数
推荐指数
2
解决办法
解决办法
2万
查看次数
查看次数
将iframe插入反应组件
我有一个小问题.在从服务请求数据后,我得到了一个iframe代码作为响应.
<iframe src="https://www.example.com/show?data..." width="540" height="450"></iframe>
我想把它作为道具传递到我的模态组件并显示它,但是当我只是{this.props.iframe}在渲染函数中它显然将它显示为一个字符串.
将其显示为html的基本方式是什么？
26
推荐指数
推荐指数
3
解决办法
解决办法
8万
查看次数
查看次数
如何将 HTML 文件导入 React 组件并将其用作组件？
我要导入一个HTML文件进入一个阵营组件
peft.html
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
索引.js
import perf from perf.html
class Index extends React.Component {
render(){
return (
<iframe src="perf"></iframe> /* like this */
<iframe src="./perf"></iframe> /* or like this */
/* or like any possible way */
);
}
}
export default Index;
所以就我而言，我需要导入一个本地 HTML 文件并在其中使用它，但出现错误：
Uncaught (in promise) Error: Module parse failed: C:\Users....\target.html Unexpected token (1:0) 你可能需要一个合适的加载器来处理这个文件类型。 …
6
推荐指数
推荐指数
2
解决办法
解决办法
2万
查看次数
查看次数