Использовать компонент React в заполнителе ввода

Я пытаюсь использовать этот пакет: https://www.npmjs.com/package/react-typing-animation

для анимации текста заполнителя ввода для поиска.

когда я это сделаю:

const placeholder = (
    <Typing>
        <span>This span will get typed.</span>
    </Typing>
);

<input type = "text" placeholder = {placeholder} />

он помещает [Object object] в качестве заполнителя.

почему вы помещаете его во вход? вы можете напрямую использовать это

Just code 15.12.2018 16:45

Как? Я хочу, чтобы в моем заполнителе ввода была анимация ввода

Dito 15.12.2018 16:46

кажется трудно достичь с помощью этого плагина и встроенного заполнителя

Just code 15.12.2018 16:47

Попробуйте поместить простой HTML в заполнитель и посмотрите, что произойдет. Вы не можете сделать в качестве заполнителя ничего, кроме обычного текста, независимо от React. Используйте настраиваемый компонент ввода.

Estus Flask 15.12.2018 17:06
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
4
842
0

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