反应类型无效

Question

先生们，我是 React 的新手。我收到错误：警告：React.createElement：类型无效——需要一个字符串（对于内置组件）或一个 class/function

我的代码：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';

ReactDOM.render(
    React.createElement(TextAreaCounter, {
    name: "Bob",
    }),
    document.getElementById("app")
);

export class TextAreaCounter extends React.Component{
    static propTypes= {
    text: React.PropTypes.string,
    }
    getDefaultProps = {

            text: '',

    }
    render() {
        return(
        <div>
            <textarea defaultValue = {this.props.text}></textarea>
            <h3>this.props.text.length</h3>
        </div>
        );
    }
};

Answer 1

请尝试给出下面的代码

import React from "react";
import ReactDOM from "react-dom";
import PropTypes from "prop-types";
import "./index.css";

class TextAreaCounter extends React.Component {
  static propTypes = {
    text: PropTypes.string
  };
  getDefaultProps = {
    text: "dfgfdg"
  };
  render() {
    return (
      <div>
        <textarea defaultValue={this.props.text} />
        <h3>{this.props.text}</h3>
      </div>
    );
  }
}

ReactDOM.render(<TextAreaCounter />, document.getElementById("root"));

Answer 2

ReactDom.render 首先作为 jsx 所以通过 <TextAreaCounter text="Bob" /> 和 text prop.

ReactDOM.render(<TextAreaCounter text="Bob" />, document.getElementById("app"));

反应类型无效

react type is invalid

textarea

ecmascript-6

reactjs