Нарушение инварианта: аргумент не является компонентом ReactComponent

Мне нужно найти смещениеСлева компонента.

componentDidMount(){
        var tesNo =ReactDOM.findDOMNode(this.refs.dropDown.refs.input.offsetLeft)

    }
<ReactAutocomplete
    ref = "dropDown"
   /*.......*/
/>

Во время отладки я получаю значение переменной tesNo. После этого я получаю эту ошибку:

Рассмотрите возможность добавления границы ошибок в дерево, чтобы настроить поведение при обработке ошибок. Посетите этот сайт, чтобы узнать больше о границах ошибок. Нарушение инварианта: аргумент не является компонентом ReactComponent

Как решить эту ошибку?

reactjs redux dom-node

01.03.2019 07:54

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

9 726

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Сам нашел ответ.

Поскольку я использую версию реакции: "^16.3.2", я использовал API createRef().

class Patient extends React.Component{
constructor(props){
    super(props)
    this.state = {
      postn:0
    }
this.dropDown=React.createRef()
}
componentDidMount(){
    let left = this.dropDown.current.refs.input.offsetLeft;
        this.setState({postn:left})
}
<ReactAutocomplete
    ref = {this.dropDown}
   /*.......*/
/>
}

04.03.2019 08:15

Другие вопросы по теме

Перехват всех запросов API с помощью компонента загрузчика - React Axios

React/Redux: TypeError: невозможно прочитать свойство неопределенного

Не может правильно получить данные Firebase с помощью эффекта ngrx

React: компонент, подписавшийся на изменения в магазине Redux

Функция возврата действия Redux не работает

Реагировать на хуки: отправить действие из useEffect

Как использовать динамический импорт для избыточных «действий» для оптимизации размера пакета

Получение длины отфильтрованного массива в конкретной ситуации с использованием React/Redux

Реагировать на печать значений внутри спортивного свойства

Возникли проблемы с повторным рендерингом компонентов redux

Нарушение инварианта: аргумент не является компонентом ReactComponent

Ответы 1

Другие вопросы по теме

Похожие вопросы