如何使用 React 在網站中顯示電子表格/csv 文件

Question

我正在嘗試使用 react.js 在網站上顯示電子表格或 CSV 文件文件已上傳到網站上，我只想顯示輸入到網站的文件。 我已經嘗試過流行的 meduim.com 解決方案，但它對我不起作用，而且它並不能完全滿足我的要求。

我不知道上傳到網站的文件的內容，但我只想顯示上傳到網站的任何內容。

Answer 1

編輯：如果你想解析 xls 文件，你將 100% 需要一個庫。 我之前制作了一個使用 excel 的上傳器，而自己解析 xls 文件只是一個非入門者。 看看這個。

---

您可以使用許多不同的庫來執行此操作，但如果您想自己執行此操作，您可以將 csv 解析為數組數組，然后使用 map 創建 html 元素。

return (
    <table>
        csvArray.map(row => {
            return <tr><td>row[0]</td></tr>
        })
    </table>
)