Reduxに反応する：子コンポーネントに関数を渡し、子でハンドラなしで呼び出す

Question

以下のコードでコールバックでアクションを送信できません。コードはアクションを送信しません。しかし、onClickなどのハンドラにConnectedプロパティをアタッチすると、それが実行されます。これらのハンドラを使用しないでコードを動作させるにはどうすればよいですか？

（注：この例では、npmのMQTT.jsライブラリを使用しています）。

MQTTを使用してソケットを介して接続メッセージを受信するたびに、正常に接続されたときにフロントエンドに通知するためにストアを更新します。しかし、私はコンポーネントをコンテナではなくコンポーネントにしておく必要があります。

親：

return (
    <MQTT 
    Connected={() => {this.props.sendAction('MQTT_CONNECTED')}} 
    > 
) 

子供：

const MQTT = ({Connected}) => { 
    var client = mqtt.connect(mqttBroker, mqttConnectOptions); 
    client.on('connect', function() { 
    {Connected} 
    } 
    return <div>...</div>; 
} 

sendAction：

export function sendAction(action) { 
    return { 
    type: action 
    } 
} 

Answer 1

{Connected（）}に括弧を間違えて忘れてしまった。 子は次のようになります返す

const MQTT = ({Connected}) => { 
    var client = mqtt.connect(mqttBroker, mqttConnectOptions); 
    client.on('connect', function() { 
    {Connected()} 
    } 
    return <div>...</div>; 
} 

Answer 2

あなたはちょうどあなたのようにダウン渡しているConnected関数を呼び出すことはできません何らかの理由があります小道具？

const MQTT = ({Connected}) => { 
    var client = mqtt.connect(mqttBroker, mqttConnectOptions); 
    client.on('connect', function() { 
    this.props.Connected() 
    return <div>...</div>; 
    } 
    return null; 
}