Question

我有一个构建View的组件，但只有部分项目应该呈现，具体取决于数据。但是，对于每个渲染的项目，我会跟踪其计数。有没有办法在render（）中执行此操作？

，例如：

render() {
    let count = 0;
    return (
        <View>

            { if condition1:
                 this.renderOptions(name='one', current_count=count);
                 count += 1;
            }
            { if condition2:
                 this.renderOptions(name='two', current_count=count);
                 count += 1;
            }
            { if condition3:
                 this.renderOptions(name='three', current_count=count);
            }

        </View>
    );
}

基本上，count应该跟踪在给定特定条件的情况下实际呈现的元素数量。每次条件为真时它都会递增，renderOptions()会根据count呈现特定项目。

我知道有&&运算符，但是这样会引发错误：

{ condition1 && this.renderOptions(name='one', current_count=count) }
{ condition1 && count++ }

但是这个错误：

undefined不是对象

Answer 1

而不是

{ condition1 && count++ }

你可以写

{ condition1 && incrementCounter }

在incrementCounter函数中计算++（将返回null）

在进行条件渲染时，React Native Variable赋值？

1 个答案: