Предупреждение: Ошибка типа проп: недопустимая опора `children` для` j` - PullRequest
Новая
       50

Предупреждение: Ошибка типа проп: недопустимая опора `children` для` j`

1 голос
/ 22 сентября 2019

Я получаю эту ошибку:

index.js: 1375 Предупреждение: сбойный тип пропуска: недопустимая опора children, предоставленная j. 

in j (at HomePage.jsx:15)
in HomePage (created by Context.Consumer)
in Route (at App.jsx:17)
in App (at src/index.js:13)
in Router (created by BrowserRouter)
in BrowserRouter (at src/index.js:12)

Я используювнешний компонент в моем приложении, который я получил от github, который отображает видео в фоновом режиме.Вот ссылка для этого.https://github.com/samAbeywickrama/reactjs-videobg

Это что-то, связанное с проптипами, но поскольку его наследие и реакция предполагает использование flo, я вообще не использую проверку типов. 

import React from "react";
import {
Container,
Header,
Image,
Button,
Icon
} from "semantic-ui-react";
import VideoBg from 'reactjs-videobg';
import mp4 from '../../video/hack4.mp4';

const HomePage = ({history}) => {
 return (
  <div className='masthead'>
  <VideoBg loop={true}>
    <VideoBg.Source src={mp4} type='video/mp4' />
  </VideoBg>
    <Container text textAlign='center'>
      <Header as='h1' inverted>
        <Image
          size='massive'
          src='/assets/logo.png'
          alt='logo'
          style={{ marginBottom: 12 }}
        />
        CodeUp
      </Header>
      <Button onClick={() => history.push('/events')} size='huge' 
      inverted>
        Enter
        <Icon name='right arrow' inverted />
      </Button>
    </Container>
</div>
);
};

Ответы [ 2 ]

1 голос
/ 25 сентября 2019

children - это опора, используемая в компоненте VideoBg для добавления источника видео.

Я поднял вопрос о репозитории lib для дальнейшего изучения

0 голосов
/ 22 сентября 2019

Это должен быть комментарий, но для этого нужно больше репутации ...

Иногда мне бывает очень сложно отладить реакцию.Кажется, в вашем коде нет ничего, что называется j

Я вижу одну вещь в этом коде - не работает, вам нужен текст = {true} , see above

атрибуты тега jsx действительноjsx (Javascript) объекты, поэтому он не может иметь дело с чем-то вроде text.Таким образом, вы должны дать ему подсказку, что это логическое значение

Это может быть или не быть проблемой ....

...