为了账号安全,请及时绑定邮箱和手机立即绑定

为什么报错Failed to compile??sos

import React from 'react'

class CommentBox extends React.Component{

    constructor(props){

        super(props)

        this.state={

            value:''

        }

        this.handleChange=this.handleChange.bind(this)

        this.handleSubmit=this.handleSubmit.bind(this)

    }

    handleChange(event){

       this.setState({

           value: event.target.value

       })

    }

    handleSubmit(event){

        this.setState({

            alert(this.state.value)

            event.preventDefault()

        })

    }

    render(){

        return(

            <form className="p-5" onSubmit={this.handleSubmit}>

                <div className="form-group">

                    <label>留言内容</label>

                    <input type="text"  className="form-control" placeholder="请输入内容" value={this.state.value} onChange={this.handleChange}/>

                </div>

                <button type="submit" className="btn btn-primary">留言</button>

            </form>

        )

    }

}

export default CommentBox


报错:

Failed to compile

./src/components/CommentBox.js
 Line 18:  Parsing error: Unexpected keyword 'this'

 16 |     handleSubmit(event){
 17 |         this.setState({
> 18 |             alert(this.state.value)
    |                   ^
 19 |             event.preventDefault()
 20 |         })
 21 |     }


正在回答

3 回答

写的有问题,

          handleSubmit(event){
            alert(this.state.value)      
            event.preventDefault()
          }



1 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//5e33e4ab0001b6c304910230.jpg

这个地方不应该用这个

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//5d9c318f0001e20303970164.jpg去掉setstate

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么报错Failed to compile??sos

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信