React properties/function assignment/declaration

Question

私はReactを初めて使っていますが、JSを使っていません。 は、ここで私はクラスの中で

// @flow 

import React, { Component } from 'react'; 
import ShowCard from './ShowCard'; 
import Header from './Header'; 

class Search extends Component { 
    state = { 
    searchTerm: '' 
    }; 
    props: { 
    shows: Array<Show> 
    }; 
    handleSearchTermChange = (event: SyntheticKeyboardEvent & {target: HTMLInputElement}) => { 
    this.setState({ searchTerm: event.target.value }); 
    }; 
    render() { 
    return (
     <div className="search"></div> 
    ); 
    } 
} 

export default Search; 

state = ...とprops: {..ような表現があるが理解できなかったことを、コードの一部です。 render(){}およびhandleSearchTermChange = (...のような関数定義もあります。 これらすべての有効なES6のうち1つはrenderです。どのように機能するのですか？私がstate/propsに割り当てられたデータを切り替えると、すべてがブレーキをかける。 babelプラグインのようなものだと思いますか？

Answer 1

はい、そうです。

反応文書は通常、constructor() {}オブジェクトを介して状態を定義します。しかし、特定のプロジェクトでは、単にstate = {}で行うことができます。この簡略構文は、Babelの蒸散器Class properties transformのために可能です。