javascript - 如何在本机反应中为动态范围滑块创建动态统计信息？

Question

我正在使用地图创建多个范围滑块（意味着动态）我想为每个范围滑块设置范围值（最小值和最大值）。怎么做 ？请检查我的代码..

//范围滑块

{
    [...Array(fields.field_count)].map((item, index) => {
        return (

            <View style={{ alignItems: 'center' }}>
                <Controller
                    control={control}
                    name={fields.field_name[index]}
                    defaultValue=""
                    key={fields.field_name[index]}
                    render={({ field: { onChange, onBlur, value } }) => (
                        <View>
                            <RangeSlider
                                min={fields.min[0]}
                                max={fields.max[0]}
                                step={0.1}
                                floatingLabel={true}
                                allowLabelOverflow={true}
                                renderThumb={renderThumb}
                                renderRail={renderRail}
                                renderRailSelected={renderRailSelected}
                                renderLabel={renderLabel}
                                renderNotch={renderNotch}
                                onValueChanged={handleValueChange}
                            />
                            <View style={{ flexDirection: "row", width: 300, top: 5, }}>
                                <Text style={styles.silderText}>{low} mm</Text>
                                <View>
                                    <Text style={[styles.silderText,{right:15   }]}>{high} mm</Text>
                                </View>
                            </View>
                        </View>

                    )}
                />
            </View>




        );
    })
}  

// 值处理程序

const handleValueChange = useCallback((low, high) => {
    setLow(low);
    setHigh(high);
}, []);

标签： javascriptreactjsreact-native