React. js передача ссылки на изображение не работает

Question

Как указано, я пытался передать ссылку на изображение из inte rnet.

Когда я это делаю, код не выдает ошибку, но не может загрузить изображение:

Родительский компонент:

function App() {
  return (
    <div className="App">
      <Header imgLink="https://i.ibb.co/Q6q5F3x/profile.png" />
    </div>
  );
}

Дочерний компонент:

const Header = (imgLink) => {
    return(
        <div className="header">
            <img className="profile-pic" src={imgLink} alt="Profile Pic"/>
        </div>
    );
}

Когда я просто использую ссылку на изображение как img sr c без него передаваемый от родительского компонента, он будет работать; но я все равно хотел бы, чтобы он передавался от родителя.

Любая информация поможет! Спасибо

Answer 1

Вам нужно уничтожить параметры в компоненте заголовка.

const Header = ({imgLink}) => 

иначе это просто объект props:

const Header = (props) => {console.log(props.imgLink)}