Question

这是我的ToDoComp.js文件

class ToDoComp extends Component {

    render () {
        return (
            <div>
            <h1> {this.props.product.name} </h1>

            </div>
            );
    }
}

 var prod={"id":2,"name":"An ice sculpture","price":"12.50"};
 export default ToDoComp;

我的index.js文件

ReactDOM.render(<ToDoComp  product={prod} />, document.getElementById('root'));
registerServiceWorker();

我收到这样的错误

./ SRC / index.js
第8行：＆＃39; prod＆＃39;未定义no-undef

Answer 1

确实（正如错误所说）prod未定义，因为您没有将它导出到ToDoComp.js。

您可以在ToDoComp.js的末尾执行以下操作： export prod;然后在index.js的开头，您可以导入并使用它。

Answer 2

该变量在类外部定义，应在渲染之前声明：

class ToDoComp extend Component {
  var prod={"id":2,"name":"An ice sculpture","price":"12.50"};

  render() {
    return (
        <div>
        <h1> {this.props.product.name} </h1>

        </div>
        );
  }
}
export default ToDoComp;

反应js。将道具传递给index.js文件会给我一个未定义的＆＃39;错误

2 个答案: