import PropTypes from 'prop-types'; 引入PropTypes之后 为什么编译失败了？

Question

Failed to compile
./src/JS/Items.js
SyntaxError: C:\Users\XD\my-app\src\JS\Items.js: Unexpected token (26:13)

24 | }
25 |

26 | Items.propTypes = {
| ^
27 | content: PropTypes.string,
28 | index: PropTypes.number,
29 | handleItemDelete: PropTypes.func

Answer 1

提问者 慕莱坞2689431 2020-11-14 16:51:42

import React, { Component } from 'react';

import PropTypes from 'prop-types';              

class Items extends Component {

        constructor(props) {

                super(props);

                this.handClick = this.handClick.bind(this)

        }

        render() {

                const { content } = this.props;       

                return <div onClick={this.handClick}>

                        {content}

                </div>

        }

        handClick() {

                const { index, handleItemDelete } = this.props;   

                handleItemDelete(index);

                

        }

        Items.propTypes  = {   

                content: PropTypes.arrayOf(PropTypes.string, PropTypes.number),

                index: PropTypes.number.isRequired,        

                handleItemDelete: PropTypes.func

        }

}

• Dell #1

  import React, { Component } from 'react';
  
  import PropTypes from 'prop-types';              
  
  
  
  
  class Items extends Component {
  
          constructor(props) {
  
                  super(props);
  
                  this.handClick = this.handClick.bind(this)
  
          }
  
  
  
          render() {
  
                  const { content } = this.props;       
  
                  return <div onClick={this.handClick}>
  
                          {content}
  
                  </div>
  
          }
  
  
  
          handClick() {
  
                  const { index, handleItemDelete } = this.props;   
  
                  handleItemDelete(index);
  
                  
  
          }
  
  }
  
  Items.propTypes  = {   
  
                  content: PropTypes.arrayOf(PropTypes.string, PropTypes.number),
  
                  index: PropTypes.number.isRequired,        
  
                  handleItemDelete: PropTypes.func
  
  
  
          }

• Dell #2

  这么写

Answer 2

Dell 2020-11-14 16:01:09

你代码贴上来我看看大，语法感觉写的有问题