Реагировать на собственный условный рендеринг без оператора if - PullRequest
Новая
       8

Реагировать на собственный условный рендеринг без оператора if

0 голосов
/ 22 мая 2018

Возможно ли перерисовать определенные компоненты без использования оператора if / else в секции renderse.Поэтому, когда конкретный оператор изменился, только его определенные компоненты будут повторно отображаться, а остальные остаются нетронутыми.

Потому что, если я использую componentWillUpdate или shouldComponentUpdate, он будет повторно отображать всю сцену приложения снова.

Я с нетерпением жду ваших ответов.

Ответы [ 2 ]

0 голосов
/ 22 мая 2018

Вы можете попробовать с новыми расширенными объектами ES6.Мы можем получить доступ к свойству объекта, используя скобку [] запись: 

myObj = { "name":"Stan", "age":26, "car": "Lamborghini"};
x = myObj["name"]; //x will contain Stan

Таким образом, вы можете использовать этот подход для условного рендеринга 

this.state = {
    contentToDisplay: "content1",
}

render() {
    return (
        <section>
            {{
                content1: <Content1 />,
                content2: <Content2 />,
                content3: <Content3 />,
            }[this.state.contentToDisplay]}
        </section>
    );
}
0 голосов
/ 22 мая 2018

Вы можете попробовать что-то вроде - 

class MainComponent extends React.Component {
        displayMessage() {
            if (this.props.isGreeting) {
                return <Text> Hello, JSX! </Text>;
            } else {
                return <Text> Goodbye, JSX! </Text>;
            }
        }

        render() {
            return ( <View> { this.displayMessage() } </View> );
        }
    }

Проверить эту статью - https://medium.com/@szholdiyarov/conditional-rendering-in-react-native-286351816db4

...