не работает обработчик событий в дочернем элементе в реакте onClick при клике на элементе из списка ничего не происходит
родитель:
class BuisnessInfo extends Component {
handleSelect = item => {
console.log('item', item);
}
render() {
return (
<BuisnessInfoContainer>
<Input
title='залупа'
text='type'
type='multiSelect'
onSelect={this.handleSelect}
/>
</BuisnessInfoContainer>
)
}
}
ребенок
class Input extends Component {
constructor(props) {
super(props)
}
state = {
searchValue: '',
onFocusMultiSelect: false
}
handleFocus = () => {
this.setState({
onFocusMultiSelect: true
})
}
handleBlur = () => {
this.setState({
onFocusMultiSelect: false
})
}
renderInput = () => {
const { onFocusMultiSelect } = this.state
const { type, onSelect } = this.props
const test = ['1231', '331312', 3, 4, 5, 6, 7, 8]
switch (type) {
case 'multiSelect':
return (<InputMultiSelectWrapper htmlFor="search">
<InputMultiSelect
onBlur={this.handleBlur}
onFocus={this.handleFocus}
focus={onFocusMultiSelect}
placeholder='Не выбрана'
/>
<InputMultiSelectIcon
focus={onFocusMultiSelect}/>
{ onFocusMultiSelect &&
<InputMultiSelectListWrapper>
{
test.map((item, index) => (
<InputMultiSelectItem
key={index}
onClick={() => onSelect('13')}
>
{item}
</InputMultiSelectItem>
)
)
}
</InputMultiSelectListWrapper>
}
</InputMultiSelectWrapper>)
default:
return <InputForm />
}
}
render() {
const { title, text } = this.props;
return (
<InputWrapper>
{
title &&
<InputTitle>
{title}
</InputTitle>
}
{
text &&
<InputText>
{text}
</InputText>
}
{this.renderInput()}
</InputWrapper>
)
}
}
обработчик onBlur мешал всему.
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
При импорте файла scss, в другой scss, он не хочет его читать, или не видит?
Добавил меню оно у меня какое то корявое, слова не отображаются прямо по центруА слово "О нас" так вообще одна буква "О" только отображается
Не получается загрузить изображение с помощью FlaskВ лучшем случае - выдаёт html с "битой картинкой"