时间戳

首页 > 解决方案 > 意外的标记。需要构造函数、方法或属性

reactjs - 意外的标记。需要构造函数、方法或属性

问题描述

任何提示或帮助将不胜感激。我定义了一个函数 onFormSubmit，但我不能在 onFormSubmit() 前面使用“函数”这个词。我收到以下错误：意外的令牌。需要构造函数、方法或属性。

看来我只需要使用“onFormSubmit() {}”而不使用函数这个词。

搜索栏.js：

        import React from 'react';

    class SearchBar extends React.Component {

       state = { term: '' };

       function onFormSubmit(event)
       {

       }

       onFormSubmit(event)
       {

       }


        render() {
        return (
        <div className="ui segment">
            <form onSubmit={this.onFormSubmit} className="ui form">
            <div className="field">
                <label>Image Search</label>
                <input type="text" value={this.state.term} onChange={(e) => this.setState({ term: e.target.value.toUpperCase()})} />
            </div>
            </form>

        </div>);
        }
    }

    export default SearchBar;

标签： reactjs

解决方案

是的，在你没有声明你的方法的类中是正确的function

你可以这样声明：

   onFormSubmit(event){}

但我建议使用箭头函数，它会自动绑定您的this组件上下文：

onFormSubmit = (event) => {}

推荐阅读