Question

import React from 'react';

class App extends React.Component {
  constructor(){
    super();
    this.update = this.update.bind(this)
    this.state = {val: 0}
  }
  update(){
    this.setState({val: this.state.val + 1});
  }
  componentWillMount() {
    console.log("Will mount");
  }
  render() {
    return (
      <button onClick={this.update}>
        {this.props.txt} - {this.state.val}
      </button>
    );
  }
  componentDidMount() {
    console.log("mounted");
  }
}

App.defaultProps = {txt: 'button'}

我正在尝试按照有关React的教程，创建一个简单的按钮，其每次单击时都会增加一个“txt”值。一个单独的main.js加载这个文件：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<App />, document.getElementById('app'));

错误说我定位的元素不是字符串，但'app'是一个字符串，所以我不确定它为什么不渲染。有任何想法吗？这是我正在加载的index.html文件：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Lesson 11</title>
</head>
<body>
  <div id="app"></div>
  <script src="index.js"></script>
</body>
</html>

感谢您的帮助！

Answer 1

您需要从C:\VS\VC\atlmfc\include\atlwinverapi.h(710): error C3861: 'LCMapStringEx': identifier not found文件

导出App类组件

./App

ES6 Modules

React.js - “不变违规：元素类型无效：期望字符串”简单按钮

1 个答案: