我正在尝试使用React在其脚本路径中获取多个脚本,并将其呈现在<script>
标签内。
我尝试了一个forEach循环来读取每个文件。我明白了:“ path”参数必须是字符串,Buffer或URL类型之一。收到类型对象。
// app.jsx
const React = require('react')
const getFile = require('./getfile')
module.exports = class App extends React.Component {
render() {
return (
<script
dangerouslySetInnerHTML={
getFile([
'/assets/script1.js',
'/assets/script2.js',
'/assets/script3.js',
'/assets/script4.js',
'/assets/script5.js'
])
}
/>
)
}
}
// getfile.js
const fs = require('fs')
module.exports = function getFile(filepath) {
filepath.forEach(function(item) {
return {
__html: fs.readFileSync(item, 'utf-8')
}
})
}
我希望所有的脚本在呈现页面时都作为一个内部标记。