Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин: не суть) ошибки не исправляются все равно)

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

строка с подключением компонента не вошла

import Child from './child';

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин: вот что в файле parent.tsx

import ChildProps from './child';

interface ParentProps {
    data: ChildProps
}

export default class Parent extends React.Component<ParentProps, {}> {
    constructor(props){
        super(props);
    }

    render() {
        return (
            <div>
                <Child items={this.props.data}/>
            </div>
        );
    }
}

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин: через default тоже экспортируется и работает. Можно и так, как вы предложили. Но это не исправляет ошибки)

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин: все равно ругается на items в компоненте Parent + добавились ошибки "Cannot find name ChildProps"

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин: а вот Parent.tsx

import ChildProps from './child';

interface ParentProps {
    data: ChildProps
}

export default class Child extends React.Component<ParentProps, {}> {
    constructor(props){
        super(props);
    }

    render() {
        return (
            <div>
                <Child items={this.props.data}/>
            </div>
        );
    }
}

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин:

interface ChildProps {
    items: any;
}

 export default class Child extends React.Component<ChildProps, {}> {
    constructor(props){
        super(props);
    }

    render() {
        const items = this.props.items;
        return (
            <div>
            </div>
        );
    }
}

export default ChildProps;

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин: в разных файлах. export interface default ChildProps ?

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин: у меня разделено

вот

interface Props {
    items: any;
}

class Child extends React.Component<Props, {}> {
    constructor(props){
        super(props);
    }

    render() {
        const items = this.props.items;
        return (
            <div>
            </div>
        );
    }
}

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин: я вот в примере выше any использую, но все равно ругается TSC.

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин

interface Props {
   data: any;
}

class Parent extends React.Component<Props, {}> {
   constructor(props){
      super(props);
   }

    render() {
        return (
            <div>
                <Child items={this.props.data}/>
            </div>
        );
    }
}

Как исправить ошибку Property 'items' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes>?

Руслан Лопатин а если данные приходят через Props ? и я не знаю точный формат данных ?

Как исправить ошибку error TS2307: Cannot find module 'Parent'?

Станислав Макаров:

-components
   -test
       parent.js
   -app
       app.tsx

Как исправить ошибку error TS2307: Cannot find module 'Parent'?

Станислав Макаров: Подключаю js файл.

Как перенести часть строки на новую строку в свойстве компонента?

Tenebrius: Не работает, пробовал так

Как понять, что сессия восстановлена?

Павел Тузов Суть в том, что при открытии приложения в другом браузере, данные подтягиваются. Но не понимаю как это происходит. Используется React.

Как понять, что сессия восстановлена?

А какие ещё варианты есть?

Как правильно сделать на React?

theWaR_13: я как раз и сделал через стрелочную функцию. Так ведь лучше же? и this доступен в методе.

Как правильно сделать на React?

Евгений: Спасибо!) Но через стрелочную функцию ведь лучше же? В чем разница вообще?

Как правильно сделать на React?

theWaR_13 Нет конечно, но биндить можно ведь и в конструкторе. Я вот и хочу узнать, как более правильно.