Question

我的.js文件是： -

var React = require('react');
export default class AmortizationChart extends React.Component {
    render() {
        var items = this.props.data.map(function (year, index) {

            return (

                <tr key={index}>

                    <td>{index + 1}</td>

                    <td className="currency interest">{Math.round(year.interestY).toLocaleString()}</td>

                    <td className="currency">{Math.round(year.balance).toLocaleString()}</td>

                </tr>

                );

});

现在我也可以写在.jsx文件中。所以有什么不同之处文件我可以带.js或.jsx？

Answer 1

这个位是 JSX：

<tr key={index}>
  <td>{index + 1}</td>
  <td className="currency interest">{Math.round(year.interestY).toLocaleString()}</td>
  <td className="currency">{Math.round(year.balance).toLocaleString()}</td>
</tr>

这只适用于您将.js文件作为text/babel加载。尝试使用text/javascript，您将收到以下错误：

未捕获的SyntaxError：意外的标记＆lt;

React自己的文档在这里有一篇关于JSX的好文章：JSX In Depth。

无法找到.jsx和js文件

1 个答案: