'instanceof'の右側が呼び出し可能ではありません

Question

this tutorialの後に、一意の番号が配列オブジェクト内にある場合は「検出」します。この番号は文字列です。

ES6：私はので、私は等価探し（JavaScriptの）と反応Ruby on Railsにでdetectに慣れ

現実に

... 


// this will be "data" in "this.props.data" 
data = [ 
{ 
    id: 1, 
    order_id: "44", 
    name: "Some order number name", 
    }, 
    { 
    id: 2, 
    order_id: "65", 
    ..., 
    } 
] 

    // let num = "44"; Just for this example 

    renderCreditNote(num){ 
    if (num instanceof this.props.data) { 
     return num.map(function(p){ 
     return p.order_id 
     }); 
    } 
    } 

    render(){ 
    return({this.renderCreditNote().bind(this)}) 
    } 

... 

、これは次のようになります。 this.renderCreditNote(this.state.num).bind(this)

このnumが配列内にある場合は、その配列のみを表示します。私はこれを正しい方法でやっていますか？エラーは次のとおりです。

Uncaught TypeError: Right-hand side of 'instanceof' is not callable

Answer 1

右側のインスタンスに関数を渡すことになっています。試してみてくださいthis.props.data.constructor

Answer 2

私はRubyを知らないが、detectの説明に基づいて、JavaScriptでarray.findを探しているようだ。 .findは配列を反復処理します。探している項目があればそれを返し、反復処理を停止します。何も見つからない場合はundefinedが返されます。例えばので

：

renderCreditNote(num){ 
    return this.props.data.find(function(p){ 
     return num === p.order_id; 
    }); 
    } 

ここでフィドルです：https://jsfiddle.net/7ykt9ze3/

一部ES6のprettification：

renderCreditNote(num){ 
    return this.props.data.find(p => num === p.order_id); 
    } 

が、これは完全に少し古いブラウザではサポートされていないことに注意してください、私は経験から知っているIE11はそれを持っていません。しかし、それは確かにpolyfillの価値があります。

リンクしたブログについて - instanceofは、入力がデータ構造のものであれば基本的にtrue/falseを返します。あなたがリンクしているブログでは、入力がオブジェクトか配列かどうかを検出していますが、その入力に応じて異なるアクションをとることができます。したがって、オブジェクトの場合は、オブジェクトのフィールドを返すだけです。配列の場合は、配列を.mapで繰り返し、その配列内のオブジェクトの名前をすべて返します。

編集方法レンダリングチェックする：

render(){ 

    return(<div>{JSON.stringify(this.renderCreditNote().bind(this))}</div>) 
    }