は、ここでは、コードの...私は現在コンポーネントに反応持っている他の

Question

への一つのタイプからコンポーネントの変化に反応しますこれどうやってするの？

Answer 1

私が正しければ、最初のコンポーネントのステートレスバージョンを作成するだけです。これを行うには、ラムダ関数をレンダリング関数として扱います。たとえば：

const Message = ({ type, msg }) => (type === 'success') ? <div>{msg}</div> : null 

あなたはternarysに慣れていない場合は、これは（も解体して）、上記と同様のものです：

const Message = props => { 
    const { type, msg } = props 
    if(type === 'success'){ 
     return <div>{msg}</div> 
    }else{ 
     return null; 
    } 
} 

Answer 2

機能コンポーネントは、基本的にrenderメソッドのみが定義されたクラスコンポーネントの省略形です。関数の本体は基本的にrender関数の本体です。

const Message = props => { 
    const { type, msg } = props; 

    if (type === 'success') { 
     return (<div>{msg}</div>); 
    }else{ 
     return null; 
    } // :) 
};