И
koland Smm
Здравствуйте, не подскажите, почему через цикл стейт не обновляется, хотя при кликах все срабатывает? Имеется в виду, чтобы при клике через цикл добавилось сразу 10 позиций, чтобы не пришлось по 10 раз кликать по кнопке.
Size: a a a
2020 November 05
kS
Спасибо, сейчас почитаю.
VS
Да, это оказалось то, что я думал. Я делал нафигационную строчку для быстрого перемещения юзера по приложению - так вот, не делайте так, как я, иначе проебаться можете очень долго. Не юзайте в таком приложении <a href="...", ни в коем случае не юзайте - есть прекраснейшая штука <Link>!
k🥔
Привет, посоветуйте пожалуйста библиотеки для смс сообщений, мне надо чтобы при клике на кнопку отправляло сообщение по номеру который ввели
S
Привет, посоветуйте пожалуйста библиотеки для смс сообщений, мне надо чтобы при клике на кнопку отправляло сообщение по номеру который ввели
кажется вам в чат по ноде
VS
Привет, посоветуйте пожалуйста библиотеки для смс сообщений, мне надо чтобы при клике на кнопку отправляло сообщение по номеру который ввели
спамим?
VK
Привет, посоветуйте пожалуйста библиотеки для смс сообщений, мне надо чтобы при клике на кнопку отправляло сообщение по номеру который ввели
Вам нужен сервис для отправки сообщений, какой-то twilio
ES
Eugene Stepanyuk
таблица:
<Table
pagination={false}
columns={configModalTable}
dataSource={data.map((item) => ({
...item,
}))} />
Пытаюсь добавить строку:
<Button onClick={this.handleAdd} >+</Button>
handleAdd = () => {
const { count, data } = this.state;
const newData = data;
newData.push({ id: count });
this.setState({
data: newData,
count: count + 1
});
console.log('data', data);
};
Один из столбцов:
title: this.intl("title-table-resolution-executor"),
dataIndex: 'ExecutorClerk',
align: 'center',
render: () => {
return (
<Select defaultValue={data ? data.ExecutorClerk : null} style={{ width: '100%' }} /*onChange={(_, data) => this.onQuestionsChange(data)}*/ >
{data ? data.map(item => (
<Option key={item.Executors_FIO_id} value={item.ExecutorClerk} >{item.ExecutorClerk}</Option>)) : null}
</Select>);}
Проблема в том, что новая строка создается с компонентом и несколькими значениями (старым и новым пустым), а нужно только пустой
Пробовал копировать массив обьектов и перезаписывать
const { count, data } = this.state;
const newData = {
id: count,
};
this.setState({
data: [...data, newData],
count: count + 1,
});
..но так вообще не добавляет ничего, data почему-то не меняется
<Table
pagination={false}
columns={configModalTable}
dataSource={data.map((item) => ({
...item,
}))} />
Пытаюсь добавить строку:
<Button onClick={this.handleAdd} >+</Button>
handleAdd = () => {
const { count, data } = this.state;
const newData = data;
newData.push({ id: count });
this.setState({
data: newData,
count: count + 1
});
console.log('data', data);
};
Один из столбцов:
title: this.intl("title-table-resolution-executor"),
dataIndex: 'ExecutorClerk',
align: 'center',
render: () => {
return (
<Select defaultValue={data ? data.ExecutorClerk : null} style={{ width: '100%' }} /*onChange={(_, data) => this.onQuestionsChange(data)}*/ >
{data ? data.map(item => (
<Option key={item.Executors_FIO_id} value={item.ExecutorClerk} >{item.ExecutorClerk}</Option>)) : null}
</Select>);}
Проблема в том, что новая строка создается с компонентом и несколькими значениями (старым и новым пустым), а нужно только пустой
Пробовал копировать массив обьектов и перезаписывать
const { count, data } = this.state;
const newData = {
id: count,
};
this.setState({
data: [...data, newData],
count: count + 1,
});
..но так вообще не добавляет ничего, data почему-то не меняется
постарался набросать в сандбоксе. Думаю суть понятна
https://codesandbox.io/s/cocky-mirzakhani-vmc4t?file=/src/App.js
при добавлении компонент создается не пустой, а со всеми значениями, и удаление почему-то тоже не срабатывает
https://codesandbox.io/s/cocky-mirzakhani-vmc4t?file=/src/App.js
при добавлении компонент создается не пустой, а со всеми значениями, и удаление почему-то тоже не срабатывает
IN
Привет, посоветуйте пожалуйста библиотеки для смс сообщений, мне надо чтобы при клике на кнопку отправляло сообщение по номеру который ввели
смс не реакт отправляет
k🥔
Vladimir Samoilenko
спамим?
не, просто хочу чтобы человек знал, что заказал)
k🥔
кажется вам в чат по ноде
понял
VS
не, просто хочу чтобы человек знал, что заказал)
а, эт хорошо, если так! )))
k🥔
Вам нужен сервис для отправки сообщений, какой-то twilio
окей, сейчас погуглю
VK
не, просто хочу чтобы человек знал, что заказал)
Типа, сначала заказал, а потом узнал в смске что)
S
Типа, сначала заказал, а потом узнал в смске что)
забавно
k🥔
Типа, сначала заказал, а потом узнал в смске что)
хахахахах где-то так
DP
Подскажите, как реализовать поиск, чтоб при вводе внизу показывались подскази по частичному совпадении имени?!
onChangeSearchInput = (text) => {
const { tableData } = this.state
this.setState({
search: {
...this.state.search,
text,
},
})
const regExp = new RegExp(text, 'ig')
const filterName = tableData
.filter((quiz) => regExp.test(quiz.name))
.map((quiz) => {
return quiz.name
})
console.log(filterName)
if (filterName.length) {
this.setState({
search: {
...this.state.search,
listPrompts: [...filterName],
},
})
}
}DP
как тут правильно проверку делвть на частичное совпадение по имени?!
IS
добрый день.
у меня компонент с
я пытаюсь адаптировать пример с useImperativeHandle с https://medium.com/javascript-in-plain-english/stripe-payment-form-with-reactjs-and-material-ui-part-4-118e60fca962
написал так:
дальше:
im
<Inp
у меня компонент с
useImperativeHandle не работает как я хочу.я пытаюсь адаптировать пример с useImperativeHandle с https://medium.com/javascript-in-plain-english/stripe-payment-form-with-reactjs-and-material-ui-part-4-118e60fca962
написал так:
const Input = ({ inputProps: { component, ...rest } }) => (
<StripeInput component={WrappedInput} {...rest} />
);дальше:
im
port React, { useRef, useImperativeHandle } from 'react';
const StripeInput = ({ component: Component, inputRef, ...props }) => {
const elementRef = useRef();
useImperativeHandle(inputRef, () => ({
focus: () => elementRef.current.focus
}));
return (
<Component
onChange={element => (elementRef.current = element)}
{...props}
/>
);
};
export default StripeInput;
пытаюсь использовать так:<Inp
utработает. есть идеи?
id='card'
type='text'
value={values.card || ''}
onChange={onChange}
placeholder='Card number'
className={errors.card ? styles.error : ''}
inputProps={{
component: StripeInput,
inputProps: {
component: CardNumberElement
}
}}
не
IS
const WrappedInput = props => <input {...props} />;