Как реагировать если: Как реагировать, если вы столкнулись с чужим агрессивным мнением

Как реагировать, если вы столкнулись с чужим агрессивным мнением

В состоянии конфликта, который со всех сторон окружен сильными эмоциями, нас одолевает соблазн поляризоваться: разделить людей на своих и чужих, разграничить реальность на черное и белое. Сопротивляться этому желанию — наша задача и внутренняя работа, которая не будет сделана сама собой. 

Чужое мнение может касаться нас как минимум в двух аспектах. Первый — хейт и острая критика. Многие люди сейчас переполнены аффектом — очень интенсивными переживаниями, включая агрессию и ярость, которые захлестывают и с которыми они плохо справляются. 

Человеку в стрессе очень сложно воспринимать реальность объективно или хотя бы нейтрально. Он ожидает, фантазирует, что окружающие будут разделять его картину мира. Когда этого не происходит, он «сливает» свой аффект в их адрес, тем самым включая психологическую защиту и уклоняясь от реальности.

Getty Images

Воспринимать острую критику нашей позиции или даже выслушивать оскорбления тяжело. Однако ни в коем случае не стоит принимать их на свой счет — на самом деле хейтер не обращается персонально к вам и не обязательно хочет причинить боль, а пытается облегчить собственное эмоциональное состояние. Если можете, воздержитесь от ответов таким людям, потому что любой ответ послужит катализатором для раскручивания агрессии.

Вы не можете помочь всем, кто к вам приходит, и не можете справиться с лавиной и потоком чужой боли. Но вы можете защитить свое пространство и самих себя от избыточной нагрузки, которую создает поведение другого человека. Если критика исходит от близкого человека, расскажите ему о том, что его слова (не мнение или позиция, он имеет на них право, а именно атакующие вас слова) причиняют вам боль, вызывают злость, усталость, бессилие. Попросите закрыть конфликтную тему или на время ограничить общение, дайте себе и собеседнику время, чтобы успокоиться и прийти в себя. Скажите, что вы обязательно сможете вернуться к разговору позже, когда вы оба будете к этому готовы.  

Если вас тревожит мнение посторонних людей, постарайтесь избегать мест, где его активно выражают вовне: например, постов или комментариев в соцсетях. 

Конфликт — это острый способ разрешить возникшие противоречия. Пока мы не вступили в него, нас окружают люди, разделяющие полярные мнения, и нам не обязательно с ними ссориться. Это второй важный аспект. Прежде всего, помните, что вы не обязаны контейнировать, «вбирать в себя» чужую тревогу — если у вас не хватает ресурсов на ее переработку, от этого вам станет только хуже. Если вы чувствуете, что переполнены чужими переживаниями, отстранитесь на время, сделайте шаг назад. 

Близкий человек, чье мнение отличается от вашего, остается вашим близким человеком. Когда-то вы выбрали его, вы за что-то его любите, принимаете его, уважаете, и это не должно разрушиться под влиянием эмоций. Важно направлять свое внимание не к тому, что вас разобщает, а к тому, что соединяет. Концентрируйтесь на вашей истории: на всем хорошем, что было между вами раньше, есть сейчас и может быть в будущем.  

Как реагировать, если ребенок хамит и кричит на родителей?

Как реагировать, если ребенок хамит и кричит на родителей?

Подробности

Каждый родитель сталкивается с таким поведением собственного ребенка. Хотя бы раз в жизни.

Мамы спрашивают: «Ребенок на меня кричит, хамит, не уважает меня, и я не знаю, как с этим справляться. Я ругаю его, но это не помогает».

На это можно задать ответный вопрос: «А как у вас с криком в семье? Может, кто-то из взрослых тоже кричит?» Если это так, то делать что-то с ребенком бесполезно, он не поменяется, пока не поменяетесь вы. Ведь взрослые — это пример для подражания, ребенок копирует их поведение.

Понятно, что взрослым людям поменять свои привычки и поведение довольно трудно, но и от ребенка тогда не надо требовать того, что не делаете вы сами.

Откуда берётся крик и грубость и как на них реагировать

Если малыш топает ножкой: «Мама, уйди, мама, ты плохая!» Или подросток кричит: «Уйдите, вы меня достали!» Это всё эмоции, которые выражают дети.

Любой крик — это эмоции.

Заткнуть этот крик — не выход. Вместе с этим криком, мы заткнём все эмоции, которые у него есть. На ребенка это влияет негативно. Во-первых, будет рушиться доверие. Во-вторых, эмоции внутри, у которых нет выхода, будут влиять на тело, состояние, поведение, развитие ребенка.

Резко заткнуть крик — недопустимый способ.

Поэтому следует научить ребенка понимать себя, выражать эмоции другим способом, а не криком или грубостью.

Что делать в таких случаях:

·         Не срываться на крик.

·         Не отвечать грубостью на грубость.

·         Не обижаться на ребенка, так как это только его эмоции.

·         Называть ребенку его чувства, выдерживать их, помогать их проживать вместе с ним.

·         Предлагать альтернативу. Но не в момент, когда ребенок на взводе, а когда он спокоен. «Ты сильно кричишь и обижаешь меня. Мне неприятно. Давай придумаем какой-нибудь другой способ вместо обзываний и криков». Например, придумываем одно слово, которое он запомнит и будет употреблять вместо грубости. Секретное слово — «картошка» (это к примеру).

Раньше ребенок в момент злости кричал: «Мам, ты *нехорошая*. Я тебя ненавижу!» Это задевает, хотя на данный момент тут нет ничего личного. Это просто чувства, с которыми ребенок не справляется.

Теперь в момент злости он говорит: «Мама, картошка!» При этом он выразит то же самое, но зато не обидит маму.

·         Если мама будет кричать сама, то и ребенок будет кричать. Необходимо следить за собой в первую очередь. Как сдержаться самой? Можно попробовать отойти в другую комнату, сделать десять приседаний. Это хорошо  помогает выпустить пар. И придти обратно к ребенку с совсем другими эмоциями. Некоторым мамам помогает при злости уборка: «Я сейчас злюсь. Пойду, помою полы».

Если в семье никто не кричит и все друг друга уважают, а ребенок кричит всё равно. Значит, ищите проблему не внутри семьи. Присмотритесь к окружению в детском саду или в школе. Поговорите на эту тему с воспитателем, учителем, пусть он проведет беседу с детьми. Важно также объяснять ребенку, что плохой пример с поведения других детей брать нельзя.

 

Ещё важно говорить с ребенком об эмоциях: о злости, о грусти, о радости, о печали. Знакомить с этими эмоциями, учить их проживать и выражать, и  тогда он будет меньше срываться, хамить и хлопать дверьми.

javascript — используйте оператор if в React JSX

спросил

Изменено 5 лет, 1 месяц назад

Просмотрено 22к раз

Можно ли использовать оператор if в JSX таким образом?

 переменная ChartGraphContent =
        

            if(this.
 
 state.modalityGraph['nca'] > 0){
                

                    <Диаграмма
                        chartType="СтолбчатаяДиаграмма"
                        data = {this.state.modalityGraph?this.state.modalityGraph.chartData['units']:emptyDataRows}
                        варианты={chartOptions}
                        graph_id="диаграмма модальностей"
                       
                       
                    />
                

            }
        ;

Что-то вроде вышеприведенного? Возможно ли иметь JSX на основе условия?

  • javascript
  • реакция

4

Используйте условный рендеринг, и, поскольку у вас нет другого случая, вы можете использовать && вместо тернарного оператора для краткости:

Это работает, потому что в JavaScript true && выражение всегда оценивается как выражение и false && выражение всегда оценивается как false .

Следовательно, если условие истинно, в выводе появится элемент сразу после &&. Если оно ложно, React проигнорирует и пропустит его.

Таким образом:

 

        {this.state.modalityGraph['nca'] > 0 &&
            

                <Диаграмма
                    chartType="СтолбчатаяДиаграмма"
                    data = {this.state.modalityGraph?this.state.modalityGraph.chartData['units']:emptyDataRows}
                    варианты={chartOptions}
                    graph_id="диаграмма модальностей"
                   
                   
                />
            

        }

Это будет отображать JSX только в том случае, если условие истинно. Если оно ложно, React ничего не будет отображать. Помните, что вы должны обернуть встроенные выражения JavaScript в JSX с помощью

{ … } , вы не можете просто иметь это внутри JSX.

Использование операторов if/else непосредственно в JSX приведет к тому, что он будет отображаться буквально как текст, что нежелательно. Вы также не можете использовать их во встроенных выражениях JavaScript, потому что если операторы не являются выражениями , то этот не будет работать :

 {
  если (х) у
}

3

В соответствии с DOC :

Операторы if-else не работают внутри JSX. Это потому, что JSX просто синтаксический сахар для вызовов функций и построения объектов.

Мы не можем использовать оператор if-else или любой другой оператор непосредственно внутри JSX, разрешены только выражения.

Выражения внутри JSX:

Wou может внедрить любое выражение JavaScript в JSX, заключив его в фигурные брекеты.

Чтобы поместить любое выражение, нам нужно использовать {} , поэтому вместо , если , используйте оператор && или тернарный оператор для условного рендеринга.

С помощью тернарного оператора:

 var chartGraphContent =


    {
        this.state.modalityGraph['nca'] > 0?
            

                <Диаграмма
                    chartType="СтолбчатаяДиаграмма"
                    data = {this.state.modalityGraph?this.state.modalityGraph.chartData['units']:emptyDataRows}
                    варианты={chartOptions}
                    graph_id="диаграмма модальностей"
                   
                   
                />
            

        :нулевой
    }
;

С помощью оператора &&:

 var chartGraphContent =


    {
        this.state.modalityGraph['nca'] > 0 &&
            

                <Диаграмма
                    chartType="СтолбчатаяДиаграмма"
                    data = {this.state.modalityGraph?this.state.modalityGraph.chartData['units']:emptyDataRows}
                    варианты={chartOptions}
                    graph_id="диаграмма модальностей"
                   
                   
                />
            

    }
;

2

Лучше использовать с тернарным оператором.

Таким образом, вы также можете добавить блок else в свой код.

Попробуйте это:

 var chartGraphContent =
        

            {this.state.modalityGraph['nca'] > 0?
                

                    <Диаграмма
                        chartType="СтолбчатаяДиаграмма"
                        data = {this.state.modalityGraph?this.state.modalityGraph.chartData['units']:emptyDataRows}
                        варианты={chartOptions}
                        graph_id="диаграмма модальностей"
                       
                       
                    />
 

                

                : "Другой блок"
            }
        ;

, а в случае более сложных и больших условий вы также можете вызывать встроенные функции, чтобы вернуть свой шаблон, таким образом вы можете избежать того, чтобы ваш код стал грязным. вот пример.

 переменная ifBlockCode = функция ifBlockCode(){
    возвращаться (
        

            <Диаграмма
                chartType="СтолбчатаяДиаграмма"
                data = {this. state.modalityGraph?this.state.modalityGraph.chartData['units']:emptyDataRows}
                варианты={chartOptions}
                graph_id="диаграмма модальностей"
               
               
            />
 

        

    )
}
вар elseBlockCode = функция elseBlockCode(){
    возвращаться (
        Еще заблокировать
    )
}
переменная ChartGraphContent =


    {this.state.modalityGraph['nca'] > 0?
        {this.ifBlockCode} : {this.elseBlockCode}
    }
;

1

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Как реализовать условный рендеринг в приложении React JS

Условный рендеринг с использованием React JS

В этой статье мы рассмотрим несколько способов реализации условный рендеринг в приложениях React .

Условный рендеринг в React работает так же, как условия работают в JavaScript. Используйте операторы JavaScript, такие как if , else или условный оператор, чтобы создать элементы, представляющие текущее состояние, и позвольте React обновить пользовательский интерфейс в соответствии с ними.

Использование операторов if было бы самым простым способом реализации условного рендеринга в React JS.

Давайте посмотрим на этот пример, где мы показываем приветственное сообщение пользователю, если он вошел в систему 🔍👀

Во-первых, давайте создадим два функциональных компонента, один компонент возвращает сообщение «Hello world» , а другой «Добро пожаловать, пользователь 007» .

Теперь давайте создадим третий функциональный компонент , который берет два предыдущих компонента, и с помощью оператора if мы собираемся проверить, вошел ли пользователь в систему или нет, и вернуть соответствующее сообщение.

Попробуйте на CodePen

Switch Case Conditional Rendering

Следующее, что мы рассмотрим, это как сделать условный рендеринг с помощью switch case .

Есть несколько причин, по которым вы можете предпочесть использовать switch case вместо , если :

  • Вы сравниваете несколько возможных условий выражения, а само выражение нетривиально.
  • У вас есть несколько значений, для которых может потребоваться один и тот же код.
  • У вас есть некоторые значения, которые потребуют практически всего выполнения другого значения плюс лишь несколько операторов.

В следующем примере давайте создадим компонент ошибки, который принимает строковое значение и возвращает сообщение об ошибке на основе значения передаваемых реквизитов.

Условный рендеринг с использованием переменных элемента

Переменные элемента — это просто переменные, которые содержат элементы JSX. Используя переменные для хранения компонентов или некоторых значений, мы можем визуализировать часть компонента, в то время как остальная часть вывода не изменится.

Давайте взглянем на следующий код, чтобы вы могли понять, что я имею в виду.🔍👀

Здесь мы используем два ранее созданных функциональных компонента , мы собираемся назначить один из них переменной в зависимости от значения, которое мы получаем из свойств, которые мы передаем компоненту IsUserLoggedIn:

Попробуйте на CodePen

Тернарные операторы

Это правда, что мы можем использовать JavaScript в JSX, но это становится затруднительным при использовании таких операторов, как if , else и switch case в JSX. Нет никакого реального способа встроить его.

Если вы знакомы с тернарными операторами , то знаете, что это просто более краткий способ написать оператор if . Таким образом, мы имеем:

Попробуйте на CodePen

Круглые скобки () вокруг обоих неявных операторов возврата в тернарном операторе позволяют вам возвращать оттуда один или несколько элементов HTML или компонентов React.
РубрикаРазное

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *