如何危险地读取SetInnerHTML多个文件

Question

我正在尝试使用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')
    }
  })
}

我希望所有的脚本在呈现页面时都作为一个内部标记。