Как получить THIS элемента в цикле и передать в функцию?

Ваш пример мне ясен, но мне интересно, возможно другим путем получить this элемента? Например через :class? Не используя ref. При событии это делается легко с $event.target, а без событий просто не получить target (this элемента) ?

Как получить THIS элемента в цикле и передать в функцию?

shmatuan, Через change или click это понятно. А как без действий? Просто в цикле мне нужно проверять, если quantity > max, то получить this этого элемента и уже дальше работать с ним.

Как выделить содержимое input через функцию?

0xD34F, ) Я же говорю, что через клик я могу и это не сложно. Можно и v-on:click="$event.target.select()"

Но как сделать выделение по условию? Например при загрузке страницы, если значение value в инпуте больше 100 то выделить его. Как это возможно?

Как выделить содержимое input через функцию?

0xD34F, Так вот я ставлю ref, но у меня же цикл через:
v-for="item in orders"
А в цикле инпут. Не могу понять как в данном случае использовать ref

Как выделить содержимое input через функцию?

Так я не то имею ввиду. Отдать класс по условию не сложно. А вот как применить js например кое где мне нужно выделить значение инпута по клику, я это делаю так v-on:click="$event.target.select()"
Но как мне без клика это сделать? По условию в функции например секции "methods"

Не могу написать регулярку?

stratosmi, Тогда четко для Name_Surname

preg_match('/^[A-Z][a-z]+_[A-Z][a-z]+$/u', $input_line, $output_array);

Не могу написать регулярку?

Или же если удобно то так:

preg_match('/^[a-z]+_[a-z]+$/iu', $input_line, $output_array);

Не могу написать регулярку?

Владислав Фурсов, Для такого случая

preg_match('/^[a-z]{1,}_[a-z]{1,}$/iu', $input_line, $output_array);

Не могу написать регулярку?

Итого если так как выше, то:

preg_match('/^[a-z_]+[a-z]$/i', $input_line, $output_array);

Не могу написать регулярку?

Проще добавить опцию i это для регистонезависимости
[a-z]+_[a-z]+

Не могу написать регулярку?

В UTF ?

Как в VUE js 2 проверить значение нескольких input text Типа keyup на лету без формы?

0xD34F, Спасибо, разобрался раньше чем увидел. Сделал через передачу в MyFunc $event, а уже из него вытаскиваю и проверяю и target value и атрибуты и прочее. Но на поиски ушло часов 5( В документации вообще про это не нашел ничего толком. Все очень скудно и с минимальными примерами.

Можно ли просто организовать хранение общих данных между компонентами в React и Redux?

alexhovansky, А можно добывать общую информацию из store без mapStateToProps, как то напрямую к общей базе переменных?

Можно ли просто организовать хранение общих данных между компонентами в React и Redux?

Именно я так и делаю) Но мне показалось, что это какой то костыль.

Как правильно добавить в компонент html а не обновлять его?

Анатолий Жаров, Вот редьюсер

import { FETCH_PRODUCTS_SUCCESS } from '../constants/catalog';


const initialState = {
    item: [],
    select_sect_code: [],
    append: false,
}
export default function ProductsReducer(state = initialState, action) {
    switch (action.type) {
        case FETCH_PRODUCTS_SUCCESS:
            return {
                item: action.products,
                select_sect_code: action.select_sect_code,
                append: action.append
            }
        default:
            return state;
    }
}

Как правильно добавить в компонент html а не обновлять его?

Анатолий Жаров, Выше мои экшины, там есть параметр append
Если я его ставлю в true то идет через concat

Как правильно добавить в компонент html а не обновлять его?

Анатолий Жаров,

export const fetchProducts = (products, select_sect_code, append) => {
    return {
        type: FETCH_PRODUCTS_SUCCESS,
        products,
        select_sect_code,
        append
    }
};

export const fetchAllProducts = (url, code, append) => {
    return (dispatch) => {
        return axios
            .post(url, {products: code})
            .then(response => {
                dispatch(fetchProducts(response.data, code, append))
            })
            .catch(error => console.error(error));
    };

};

Как правильно добавить в компонент html а не обновлять его?

Анатолий Жаров, Я сделал через concat
Но завел в компоненте

constructor() {
        super();
        this.state = {
            product_data: []
        }
    }

В product_data записываются данные из стори, если нажата кнопка показать еще, то идет запись через concat

Как передать данные полученные из Ajax в другой компонент React?

Антон Спирин,
Смотрю документацию и примеры и не пойму, это из за чего?
В компоненте родителя:

Testovik = (val) => {
        console.log("val");
    }
// Далее в рендере
<CollapseFilterCatalog Testovik={this.Testovik} />

А в дочернем:
this.props.Testovik("Прием")
Но в итоге в дочернем ошибка
_this.props.Testovik is not a function

Как передать данные полученные из Ajax в другой компонент React?

Антон Спирин, Я сейчас думаю, возможно придется сделать с использованием Parent компонента.
С реактом я почти не знаком. Проект срочный, поэтому приходится читать мануалы ночами.
Сейчас я вообще не вижу его преимущества перед jquery так как мне нужно использовать его только частично. По сути я внедрил его только из за фильтра Он был готовый с tree списком nested. Теперь все и вытекающие.
А вообще получается если я сделаю parent компонент, то я смогу использовать все его функции переменные и события в дочерних?