リアセットセットイメージの小道具

Question

こんにちは、私はイメージの小道具を{logo}に渡そうとしています。どうすれば私がセットアップできるのか？ 123が表示されますが、私はまだこの場合

export default class StickyHeader extends React.Component { 

    static propTypes = { 

    } 

    static defaultProps = { 

    } 

    render() { 

    const { logo } = this.props; 

    return (
     <header> 
     <div className={'logo'}> 
      {logo} 
     </div> 
     <div>123</div> 
     </header> 
    ); 
    } 
} 

<StickyHeader logo={ <img src="http://via.placeholder.com/350x150" alt="" /> }></StickyHeader> 

Answer 1

画像を見逃している、私はあなたのスティッキーヘッダーコンポーネント内の画像タグをかけることになり、その後、あなたのrenderメソッドが見えるので、プロパティとしてちょうどロゴのURLを渡します -

<StickyHeader logoUrl={'http://via.placeholder.com/350x150'} /> 

render() { 
    const { logoUrl } = this.props; 

    return (
     <header> 
     <div className={'logo'}> 
      <img src={logoUrl} /> 
     </div> 
     <div>123</div> 
     </header> 
    ); 
    } 
} 

をしてからご使用方法：このような、より