#javascript #html #css #reactjs #typescript
Вопрос:
Я новичок в машинописи и пытаюсь учиться кодированию. Здесь у меня есть компонент, который имеет isOrange = true .
<InfoBox isOrange />
Когда я пытаюсь получить доступ , это будет выглядеть так: function InfoBox({ isOrange }) { return ( ...)} , но это дает мне эту ошибку: 'Type '{ isOrange: true; }' is not assignable to type 'IntrinsicAttributes'. Property 'isOrange' does not exist on type 'IntrinsicAttributes'.ts(2322)' , если я правильно понял, у меня должен быть какой-то интерфейс, чтобы заставить его работать ?
Извините за любые ошибки, английский не мой родной язык.
Комментарии:
1. Пожалуйста, предоставьте полный код инфобокса, а также укажите, где вы его используете
2. @hellogoodnight это не позволит мне использовать этот «isOrange», он просто означает «истина» при использовании его внутри компонента, я могу использовать его как «истину» в обычной реакции javascript, но здесь он не позволит мне
3. Извините, я действительно не понимаю, что вы имеете в виду.
4. @hellogoodnight если я не ставлю это равным чему-то, то это автоматически «истинно»
5. @waleedd32, пожалуйста, приведите полный пример. Это может быть автоматически верно для React, но не для TypeScript
Ответ №1:
Как я вижу, вы пытаетесь передать данные дочернему компоненту под названием InfoBox, верно? если это так, вам необходимо добавить интерфейс в компонент InfoBox, чтобы он знал о поступающих к нему данных.
interface Props {
isOrange:boolean;
}
а затем передайте реквизиты функции дочернего компонента.
const childComponent:React.FC<Props> = ({isOrange}) => {
//here the code
}