К
Батон
Size: a a a
2020 November 06
АВ
Привет, всегда писал импорт React во всех компонентах, где его юзал, так как без него не работало, но сегодня развернул приложение с помощью create-react-app и заметил, что импорт присутствует только в файле index.js и всё, но jsx распознаётся во всех компонентах, которые юзаються в App, та и сам create-react-app мне его развернул без импортов во всех файлах, а только в index.js. Это какое-то нововведения или как это объяснить?
A
Привет, всегда писал импорт React во всех компонентах, где его юзал, так как без него не работало, но сегодня развернул приложение с помощью create-react-app и заметил, что импорт присутствует только в файле index.js и всё, но jsx распознаётся во всех компонентах, которые юзаються в App, та и сам create-react-app мне его развернул без импортов во всех файлах, а только в index.js. Это какое-то нововведения или как это объяснить?
почитай React 17 release notes
RA
Привет, всегда писал импорт React во всех компонентах, где его юзал, так как без него не работало, но сегодня развернул приложение с помощью create-react-app и заметил, что импорт присутствует только в файле index.js и всё, но jsx распознаётся во всех компонентах, которые юзаються в App, та и сам create-react-app мне его развернул без импортов во всех файлах, а только в index.js. Это какое-то нововведения или как это объяснить?
Это новый jsx transformer, который есть не только в React 17, но и в последних версиях 16.x
АВ
Понял, спасибо!
SS
Привіт, є можливість в контрольованому інпуті змінювати інпут напряму через ДОМ, і щоб при цьому відпрацьовув onChange event?
Ш
Привіт, є можливість в контрольованому інпуті змінювати інпут напряму через ДОМ, і щоб при цьому відпрацьовув onChange event?
у інпута є input.value та innerText якщо ти про це. Та й мабуть краще використовувати замість ончейндж - oninput
SS
у інпута є input.value та innerText якщо ти про це. Та й мабуть краще використовувати замість ончейндж - oninput
Не працює з он інпут, та і іннер текст очистка теж
SS
Проблема така, що є іконка очитски інпута, але в нас для форм юзається (сраний ФОРМІК) от хочу очищати інпут, без прямої взаємодії з лібою
O
а чего без?
SS
щоб інпут був інпутом, без того щоб з контексту щось витягувати
O
получается какой-то полуконтролд инпут
K
А что ты вообще пытаешься сделать?)
K
Во-первых, если ты хочешь чтобы твой стейт менялся и об этом знал реакт, надо использовать твою функцию setArray()
K
А ты как только создаёшь стейт не можешь его по дефолту заполнить?
const [arrayState, setArray] = useState(arrList)
const [arrayState, setArray] = useState(arrList)
K
Во-вторых, так никто не делает. Почитай доку, там же есть наглядные примеры. И гугл, в конце концов, тупо запиши в поиск что ты хочешь. Желательно на англ
А сделать надо так, если тебе надо новый массив в стейт пропихнуть.
const [arrayState, setArray] = useState([])
setArray(arrList.map(callBack => {}))
А сделать надо так, если тебе надо новый массив в стейт пропихнуть.
const [arrayState, setArray] = useState([])
setArray(arrList.map(callBack => {}))
K
можешь более подробно показать?
Покажи какие данные изначально у тебя. И какие потом должны быть.
Покажи какие данные изначально у тебя. И какие потом должны быть.
Ш
Проблема така, що є іконка очитски інпута, але в нас для форм юзається (сраний ФОРМІК) от хочу очищати інпут, без прямої взаємодії з лібою
То пересіормуй той інпут новим хтмл елементом з пустим полем за допомогою inner HTML
SS
То пересіормуй той інпут новим хтмл елементом з пустим полем за допомогою inner HTML
Стейт форміка я не перемалюю :). Потрібно щось таке що викоиче ончендж з пустим велю