重新渲染过多。 React限制了渲染次数,以防止无限循环滑块

时间:2020-01-19 23:40:57

标签: reactjs react-native

我有一个滑块,当它移动以分配一些值时,它会抛出错误

Invariant Violation:Toomany re-renders

这是代码

    const [term, setvterm] = useState();

if( Value > 0) setvterm(Value)

<View style={{alignItems: 'stretch', justifyContent: 'center' }}>
    <Slider 
    maximumValue={D > 0 ? 3: 2 }
    minimumValue={0}
    step={1}
    value={valuesFromApi.indexOf(Value)}
    onValueChange={index => setValue(valuesFromApi[index])} 
    />
    <View style={styles.plazos}>
    <Text style={styles.plazo1}>{A} meses</Text>
    <Text style={styles.plazo2}>{B} meses</Text>
    <Text style={styles.plazo3}>{C} meses</Text>
    {D > 0 ? <Text style={styles.plazo3}>{D} meses</Text>: null }
    </View>
    <Text style={styles.slideText}>Su credito por:  ${A}MXN</Text>
    <Text style={styles.slideText}>Usted recibe:    ${A}MXN</Text>
    <Text style={styles.slideText}>A un plazo de:  {Value} meses</Text>

    <Text style={styles.PaymentText}>Su pago: ${A}.00 MXN</Text>
</View>

我确定问题出在这里

   if( Value > 0) setvterm(Value)

但是那是我发现将Value的值传递给条款的唯一方法

0 个答案:

没有答案