𖤍
Будут и другие поля, а data станет объектом
Чтобы получать информацию из формы и поддерживать ее статус, мы должны использовать onChange
Size: a a a
2020 November 18
🅅🄺
Виталий
как лучше назвать компонент с группой кнопок контроллеров
в нормальном UI дизайне не должно быть баттон групп
SE
что вы имеете в виду?
const [title, setTitle] = useState('')
const [data, setData] = useState('')
useEffect(() => setData({title}), [title])
console.log(title) // возвращает "Заголовок"
console.log(data) // возвращает пустую строку
return (<input type="text" value={title} onChange={e => setTitle(e.target.value)} />) // вводится например "Заголовок"𖤍
const [title, setTitle] = useState('')
const [data, setData] = useState('')
useEffect(() => setData({title}), [title])
console.log(title) // возвращает "Заголовок"
console.log(data) // возвращает пустую строку
return (<input type="text" value={title} onChange={e => setTitle(e.target.value)} />) // вводится например "Заголовок"Да 👌🏻
🅅🄺
если хочешь расположить кнопоки рядом оберни их в контейнер
SE
Чтобы получать информацию из формы и поддерживать ее статус, мы должны использовать onChange
Почему тут возвращается пустой title?
EL
Кто-то пробовал собирать иконки в спрайт с помощью svg-sprite-loader в проекте cra ?
🅅🄺
однко если кнопки переключаемые между собой, то называется это RadioGroup/Radio.Group
A
Не подскажете новичку почему тут использовали функцию attrs ( styled components)? Вот кусок кода из реального проекта: **const ResponsiveMainBox = styled(Box).attrs({
width: '90%',
margin: '50px auto 0 auto',
height: '386px',
position: 'relative',
})`
${theme.down(theme.breakPoints.tablet)} {
margin: 24px auto 0 auto;
height: 262px;
}
`;** Ведь можно узказывать эти свойства и без attrs
width: '90%',
margin: '50px auto 0 auto',
height: '386px',
position: 'relative',
})`
${theme.down(theme.breakPoints.tablet)} {
margin: 24px auto 0 auto;
height: 262px;
}
`;** Ведь можно узказывать эти свойства и без attrs
𖤍
Почему тут возвращается пустой title?
Да ,Потому что в STATE еще ничего нет
Д
подскажите кто может
export const addContact = (text, num) => createAction("ADD_CONTACT", text, num);
export const addContact = (text, num) => createAction("ADD_CONTACT", text, num);
Д
такая запись допустима?
SE
Да ,Потому что в STATE еще ничего нет
Как же тогда в useEffect получить новое значение, которое вводится в input?
Д
именно в createAction
S
const [title, setTitle] = useState('')
const [data, setData] = useState('')
useEffect(() => setData({title}), [title])
console.log(title) // возвращает "Заголовок"
console.log(data) // возвращает пустую строку
return (<input type="text" value={title} onChange={e => setTitle(e.target.value)} />) // вводится например "Заголовок"залейте в песочницу, с виду должно работать
AC
Как же тогда в useEffect получить новое значение, которое вводится в input?
В твоём случае useEffect срабатывает при изменении значения title: меняется title -> меняется и data
𖤍
Как же тогда в useEffect получить новое значение, которое вводится в input?
Это неправильно. Вы не можете использовать useEffect прямо сейчас
AC
Как же тогда в useEffect получить новое значение, которое вводится в input?
При первом рендере будет пустая строка, потому что хук вызывается, но в title тоже лежит пустая строка, поэтому в data переназначается пустая строка ещё раз
VS
какой хостинг дешевый посоветуйте?
мне чисто верстку натянуть и все
мне чисто верстку натянуть и все
S
какой хостинг дешевый посоветуйте?
мне чисто верстку натянуть и все
мне чисто верстку натянуть и все
github pages / netlify