React-Native中的FlatList学习记录（二）之单个item刷新

最新推荐文章于 2022-06-29 11:00:29 发布
最新推荐文章于 2022-06-29 11:00:29 发布
阅读量933 收藏 1
点赞数 1
分类专栏： React-Native 文章标签： javascript react native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42405831/article/details/120422499
版权

React-Native中的FlatList学习记录（二）之单个item刷新

写作时间：2021/9/22
React-Native版本：0.63.2
目标平台：Android、iOS

FlatList数据过多的时候，通常希望能够针对某个需要修改的item进行局部刷新，下面举4个具体的实现方案，其中既包含可行方案也包含不可行的方案

方案一：直接修改某个item中的数据（不可行）

//App.js
'use strict';

import React from 'react';
import List from './demos/demo_1/List';

export default class App extends React.Component {
    render() {
        return (
            <List />
        );
    }
}

//List.js
'use strict';

import React from 'react';
import { FlatList, Button, SafeAreaView } from 'react-native';
import Item from './Item';

export default class List extends React.Component {
    constructor() {
        super();
        console.log('List_constructor()');

        this.state = {
            list: [
                { number: '11111111', data: { id: '1', name: 'aaa', age: 11 } },
                { number: '22222222', data: { id: '2', name: 'bbb', age: 22 } },
                { number: '33333333', data: { id: '3', name: 'ccc', age: 33 } },
            ],
        };
    }

    render() {
        console.log('List_render()');

        return (
            <SafeAreaView>
                <Button title={'button'} onPress={this.onButtonPress} />
                <FlatList data={this.state.list} renderItem={this.renderItem} keyExtractor={this.keyExtractor} />
            </SafeAreaView>
        );
    }

    renderItem = ({ item }) => {
        console.log('List_renderItem({item})', item);

        return <Item itemData={item} />;
    };

    keyExtractor = (item) => item.data.id;

    onButtonPress = () => {
        console.log('List_onButtonPress()');

        let tempList = this.state.list.concat([]);
        tempList[0].data.name = 'wtf';
        this.setState({ list: tempList });
    };
}

//Item.js
'use strict';

import React from 'react';
import { Text } from 'react-native';

export default class Item extends React.Component {
    constructor() {
        super();
        console.log('Item_constructor()');
    }

    shouldComponentUpdate(nextProps, nextState) {
        console.log('Item_shouldComponentUpdate(nextProps, nextState)');
        console.log('this.props.itemData:', JSON.stringify(this.props.itemData));
        console.log('nextProps.itemData:', JSON.stringify(nextProps.itemData));

        if (this.props.itemData.data.name !== nextProps.itemData.data.name) {
            return true;
        } else {
            return false;
        }
    }

    render() {
        console.log('Item_render()');

        return <Text>{this.props.itemData.data.name}</Text>;
    }
}

观察日志

LOG  List_constructor()
LOG  List_render()
LOG  List_renderItem({item}) {"data": {"age": 11, "id": "1", "name": "aaa"}, "number": "11111111"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_renderItem({item}) {"data": {"age": 22, "id": "2", "name": "bbb"}, "number": "22222222"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_renderItem({item}) {"data": {"age": 33, "id": "3", "name": "ccc"}, "number": "33333333"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_onButtonPress()
LOG  List_render()
LOG  List_renderItem({item}) {"data": {"age": 11, "id": "1", "name": "wtf"}, "number": "11111111"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"11111111","data":{"id":"1","name":"wtf","age":11}}
LOG  nextProps.itemData: {"number":"11111111","data":{"id":"1","name":"wtf","age":11}}
LOG  List_renderItem({item}) {"data": {"age": 22, "id": "2", "name": "bbb"}, "number": "22222222"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"22222222","data":{"id":"2","name":"bbb","age":22}}
LOG  nextProps.itemData: {"number":"22222222","data":{"id":"2","name":"bbb","age":22}}
LOG  List_renderItem({item}) {"data": {"age": 33, "id": "3", "name": "ccc"}, "number": "33333333"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"33333333","data":{"id":"3","name":"ccc","age":33}}
LOG  nextProps.itemData: {"number":"33333333","data":{"id":"3","name":"ccc","age":33}}

列表实际并没有再次渲染，但是数据已经发生改变，shouldComponentUpdate的检测逻辑失效

方案二：通过shift和unshift方法调整数据列表（可行）

对onButtonPress方法进行调整

//List.js
'use strict';

import React from 'react';
import { FlatList, Button, SafeAreaView } from 'react-native';
import Item from './Item';

export default class List extends React.Component {
    constructor() {
        super();
        console.log('List_constructor()');

        this.state = {
            list: [
                { number: '11111111', data: { id: '1', name: 'aaa', age: 11 } },
                { number: '22222222', data: { id: '2', name: 'bbb', age: 22 } },
                { number: '33333333', data: { id: '3', name: 'ccc', age: 33 } },
            ],
        };
    }

    render() {
        console.log('List_render()');

        return (
            <SafeAreaView>
                <Button title={'button'} onPress={this.onButtonPress} />
                <FlatList data={this.state.list} renderItem={this.renderItem} keyExtractor={this.keyExtractor} />
            </SafeAreaView>
        );
    }

    renderItem = ({ item }) => {
        console.log('List_renderItem({item})', item);

        return <Item itemData={item} />;
    };

    keyExtractor = (item) => item.data.id;

    onButtonPress = () => {
        console.log('List_onButtonPress()');

        let tempList = this.state.list.concat([]);
        tempList.shift();
        tempList.unshift({
            number: '11111111',
            data: { id: '1', name: 'wtf', age: 11 },
        });
        this.setState({ list: tempList });
    };
}

观察日志

LOG  List_constructor()
LOG  List_render()
LOG  List_renderItem({item}) {"data": {"age": 11, "id": "1", "name": "aaa"}, "number": "11111111"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_renderItem({item}) {"data": {"age": 22, "id": "2", "name": "bbb"}, "number": "22222222"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_renderItem({item}) {"data": {"age": 33, "id": "3", "name": "ccc"}, "number": "33333333"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_onButtonPress()
LOG  List_render()
LOG  List_renderItem({item}) {"data": {"age": 11, "id": "1", "name": "wtf"}, "number": "11111111"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"11111111","data":{"id":"1","name":"aaa","age":11}}
LOG  nextProps.itemData: {"number":"11111111","data":{"id":"1","name":"wtf","age":11}}
LOG  Item_render()
LOG  List_renderItem({item}) {"data": {"age": 22, "id": "2", "name": "bbb"}, "number": "22222222"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"22222222","data":{"id":"2","name":"bbb","age":22}}
LOG  nextProps.itemData: {"number":"22222222","data":{"id":"2","name":"bbb","age":22}}
LOG  List_renderItem({item}) {"data": {"age": 33, "id": "3", "name": "ccc"}, "number": "33333333"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"33333333","data":{"id":"3","name":"ccc","age":33}}
LOG  nextProps.itemData: {"number":"33333333","data":{"id":"3","name":"ccc","age":33}}

列表能够正常渲染，shouldComponentUpdate检测生效

方案三：通过map方法修改item中的某个字段（不可行）

对onButtonPress方法进行调整

'use strict';

import React from 'react';
import { FlatList, Button, SafeAreaView } from 'react-native';
import Item from './Item';

export default class List extends React.Component {
    constructor() {
        super();
        console.log('List_constructor()');
        this.state = {
            list: [
                { number: '11111111', data: { id: '1', name: 'aaa', age: 11 } },
                { number: '22222222', data: { id: '2', name: 'bbb', age: 22 } },
                { number: '33333333', data: { id: '3', name: 'ccc', age: 33 } },
            ],
        };
    }

    render() {
        console.log('List_render()');
        return (
            <SafeAreaView>
                <Button title={'button'} onPress={this.onButtonPress} />
                <FlatList data={this.state.list} renderItem={this.renderItem} keyExtractor={this.keyExtractor} />
            </SafeAreaView>
        );
    }

    renderItem = ({ item }) => {
        console.log('List_renderItem({item})', item);
        return <Item itemData={item} />;
    };

    keyExtractor = (item) => item.data.id;

    onButtonPress = () => {
        console.log('List_onButtonPress()');

        let tempList = this.state.list.concat([]);
        this.setState({
            list: tempList.map((item) => {
                if (item.data.name === 'aaa') {
                    item.data.name = 'wtf';
                }
                return item;
            }),
        });
    };
}

LOG  List_constructor()
LOG  List_render()
LOG  List_renderItem({item}) {"data": {"age": 11, "id": "1", "name": "aaa"}, "number": "11111111"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_renderItem({item}) {"data": {"age": 22, "id": "2", "name": "bbb"}, "number": "22222222"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_renderItem({item}) {"data": {"age": 33, "id": "3", "name": "ccc"}, "number": "33333333"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_onButtonPress()
LOG  List_render()
LOG  List_renderItem({item}) {"data": {"age": 11, "id": "1", "name": "wtf"}, "number": "11111111"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"11111111","data":{"id":"1","name":"wtf","age":11}}
LOG  nextProps.itemData: {"number":"11111111","data":{"id":"1","name":"wtf","age":11}}
LOG  List_renderItem({item}) {"data": {"age": 22, "id": "2", "name": "bbb"}, "number": "22222222"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"22222222","data":{"id":"2","name":"bbb","age":22}}
LOG  nextProps.itemData: {"number":"22222222","data":{"id":"2","name":"bbb","age":22}}
LOG  List_renderItem({item}) {"data": {"age": 33, "id": "3", "name": "ccc"}, "number": "33333333"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"33333333","data":{"id":"3","name":"ccc","age":33}}
LOG  nextProps.itemData: {"number":"33333333","data":{"id":"3","name":"ccc","age":33}}

列表实际并没有再次渲染，但是数据已经发生改变，shouldComponentUpdate检测逻辑失效

方案四：通过map方法替换整个item（可行）

对onButtonPress方法进行调整

'use strict';

import React from 'react';
import { FlatList, Button, SafeAreaView } from 'react-native';
import Item from './Item';

export default class List extends React.Component {
    constructor() {
        super();
        console.log('List_constructor()');
        this.state = {
            list: [
                { number: '11111111', data: { id: '1', name: 'aaa', age: 11 } },
                { number: '22222222', data: { id: '2', name: 'bbb', age: 22 } },
                { number: '33333333', data: { id: '3', name: 'ccc', age: 33 } },
            ],
        };
    }

    render() {
        console.log('List_render()');
        return (
            <SafeAreaView>
                <Button title={'button'} onPress={this.onButtonPress} />
                <FlatList data={this.state.list} renderItem={this.renderItem} keyExtractor={this.keyExtractor} />
            </SafeAreaView>
        );
    }

    renderItem = ({ item }) => {
        console.log('List_renderItem({item})', item);
        return <Item itemData={item} />;
    };

    keyExtractor = (item) => item.data.id;

    onButtonPress = () => {
        console.log('List_onButtonPress()');

        let tempList = this.state.list.concat([]);
        this.setState({
            list: tempList.map((item) =>
                item.data.name === 'aaa' ? { ...item, data: { id: '1', name: 'wtf', age: 11 } } : item,
            ),
        });
    };
}

LOG  List_constructor()
LOG  List_render()
LOG  List_renderItem({item}) {"data": {"age": 11, "id": "1", "name": "aaa"}, "number": "11111111"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_renderItem({item}) {"data": {"age": 22, "id": "2", "name": "bbb"}, "number": "22222222"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_renderItem({item}) {"data": {"age": 33, "id": "3", "name": "ccc"}, "number": "33333333"}
LOG  Item_constructor()
LOG  Item_render()
LOG  List_onButtonPress()
LOG  List_render()
LOG  List_renderItem({item}) {"data": {"age": 11, "id": "1", "name": "wtf"}, "number": "11111111"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"11111111","data":{"id":"1","name":"aaa","age":11}}
LOG  nextProps.itemData: {"number":"11111111","data":{"id":"1","name":"wtf","age":11}}
LOG  Item_render()
LOG  List_renderItem({item}) {"data": {"age": 22, "id": "2", "name": "bbb"}, "number": "22222222"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"22222222","data":{"id":"2","name":"bbb","age":22}}
LOG  nextProps.itemData: {"number":"22222222","data":{"id":"2","name":"bbb","age":22}}
LOG  List_renderItem({item}) {"data": {"age": 33, "id": "3", "name": "ccc"}, "number": "33333333"}
LOG  Item_shouldComponentUpdate(nextProps, nextState)
LOG  this.props.itemData: {"number":"33333333","data":{"id":"3","name":"ccc","age":33}}
LOG  nextProps.itemData: {"number":"33333333","data":{"id":"3","name":"ccc","age":33}}

列表能够正常渲染，shouldComponentUpdate检测生效

隔壁老何
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
rn 实现上下滑动选择列表_[RN] react-native FlatList 实现列表选中的最佳方式（刷新指定Item）...
weixin_32049741的博客
12-30 816
效果如下：核心思路就是往数据源里面 给每条数据加一个选中状态.如图在网络请求完成之后，给每条数据添加一个select的状态:data.list.forEach(item => item.select = false);fetchList(page) {if (page == && !this.state.refreshing) {Toast.loading('加载中', )...
react-native-flatlist-cube：演示使用flatlist实现立方体动画的演示
02-14
react-native-flatlist-cube 这是它的样子
React-Native-FlatList-Slider:用FlatListReact本机图像滑块
05-04
React-Native-FlatList-Slider React Native中的自定义图像滑块组件 安装 npm i react-native-flatlist-slider 进口 import {FlatListSlider} from 'react-native-flatlist-slider'; 用法 来自URI的图片 const images = [ { image:'https://images.unsplash.com/photo-1567226475328-9d6baaf565cf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=400&q=60', desc: 'Silent Waters in the mountains in midst of Himil
react-native-draggable-flatlist:用于React Native的拖放式FlatList
05-12
React本机可拖动FlatList 用于React Native的拖放式FlatList组件。 由和支持的完全本地交互。 要在DraggableFlatList中使用可滑动列表项，请参见 。 安装 请按照有关和安装说明进行操作。 RNGH要求您对MainActivity.java进行更改。 请务必 使用npm或yarn安装此软件包 与npm ： npm install --save react-native-draggable-flatlist 含yarn ： yarn add react-native-draggable-flatlist import DraggableFlatList from 'react-native-draggable-flatlist' 阿皮 道具 所有道具都散布在基础 名称 类型 描述 data T[] 要渲染的项目。 horizonta
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
react-native-rename 只需一个命令即可重命名react-native应用 该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 重命名项目后，您应该清理，构建并重新安装第三方依赖项，以使新名称正确地运行。 用法 $ npx react-native-rename <newName> 使用自定义的捆绑包标识符（仅限Android。对于iOS，请使用Xcode） $ npx react-native-rename <newName> -b <bundleIdentifier> 例 首先，切换到新分支（可选，但建议） $ git checkout -b rename-app 然后，重命名您的应用 $ npx react-native-rename "Travel App" 使用自定义的捆绑包标识符 $ npx react-native-rename "Travel App" -b com.junedomingo.travelapp 本
react-native-timeline-flatlist：适用于iOS和Android的React Native的基于FlatList的时间线组件
02-05
React本机时间轴平面列表 适用于Android和iOS的React Native App的时间轴组件 它是的一个分支，带有一些更新，包括FlatList，因为不推荐使用旧的ListView。 示例文件夹和Expo上的示例 目录 用法 列格式（在0.2.0版中） 组态 安装 npm i react-native-timeline-flatlist --save 要么 yarn add react-native-timeline-flatlist 基本用法 import Timeline from ' react-native-timeline-flatlist ' construct
FlatList 更新指定的Item
张三的博客
10-11 1391
只更新数据状态改变的item，需要在Item View重写shouldComponentUpdate，该函数返回true则刷新，返回false则不刷新 例如，如果属性selected改变则刷新 shouldComponentUpdate(nextProps,nextState){ return(this.props.item!=nextProps.item||thi...
react native FlatList使用详解以及上拉刷新下拉加载带可运行demo
君无意的博客
06-07 3万+
FlatList 高性能的简单列表组件，支持下面这些常用的功能： 完全跨平台。支持水平布局模式。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持自定义行间分隔线。支持下拉刷新。支持上拉加载。支持跳转到指定行（ScrollToIndex）。 如果需要分组/类/区（section），请使用。 一个最简单的例子： <FlatList data={[{k
[RN] react-native FlatList 实现列表选中的最佳方式（刷新指定Item）
weixin_30599769的博客
07-18 1342
效果如下： 核心思路就是往数据源里面 给每条数据加一个选中状态. 如图在网络请求完成之后，给每条数据添加一个select的状态: data.list.forEach(item => item.select = false); fetchList(page) { if (page == 1 && !this.state.r...
【react-native】Flatlist下拉刷新以及上拉加载实现
书呆子ITme
11-04 1408
Flatlist是一个高性能的简单列表组件，支持下面常用的功能 完全跨平台 支持水平布局模式 行组件显示或隐藏时可配置回调事件 支持单独的头部组件 支持单独的尾部组件 支持自定义行间分割线 支持下拉刷新 支持上拉加载 支持跳转到指定行 支持多列布局 引用 import { View, Text, FlatList } from 'react-native' 基本定义 this.s...
基于flatlist的列表下拉上拉刷新控件可以设置下拉刷新Indicator的颜色
08-11
基于flatlist的列表下拉、上拉刷新控件，可以设置下拉刷新Indicator的颜色，参考react-native-refresh-list-view，感谢!
Listview 更新单个Item布局 和 listview.getLastVisiblePosition()=-1 问题的解决
魔都大白
09-20 3111
遇到的一个问题 ：项目中下载文件部分。在ListView 中单独更新一个进度条。 错误： 不能试用 adapter.notifyDataSetChanged(); 因为此方法会更新全部 ListView，很容易导致程序卡死，产生不好的用户体验。 正确：首先获取点击位置 ，在点击位置没有找过 ListView 的个数 之后，最重要的一步就是让点击位置 减去 ListView 在屏幕中
React Native使用FlatList渲染列表
marsur的博客
12-24 831
1.引入FlatList组件 import { FlatList } from 'react-native'; 2.编写列表组件 class DeviceList extends Component { //转换时间戳 getTime = (timeStamp) => { var date=new Date(parseInt(timeStamp)* 1000); var...
react native FlatList 使用详解
热门推荐
老孟Flutter
04-18 4万+
高性能的简单列表组件，支持下面这些常用的功能： 完全跨平台。 支持水平布局模式。 行组件显示或隐藏时可配置回调事件。 支持单独的头部组件。 支持单独的尾部组件。 支持自定义行间分隔线。 支持下拉刷新。 支持上拉加载。 如果需要分组/类/区（section），请使用 SectionList属性： ItemSeparatorComponent：分割线组件， ListFooterComponen
RN-Flatlist组件，更新数据，数据显示错乱
qq_43033251的博客
09-04 1004
1.需求 从后台回去的数据列表，在Flatlist组件显示，本地根据名称对每一个Item进行模糊查询，数据查询的是对的，但是组件上显示错误 2.原因 可能是由，Flatlist组件渲染机制导致 3.解决 在组件属性中加上：extraData={this.state} <FlatList extraData={this.state} data={deviceAreaList} numColumns={2} keyExtractor={(item, inde
React Native FlatList优化
roadProgram的专栏
06-14 546
众所周知React Native刷新控件一般都是采用setState,对于FlatList来说就要想办法减少item的渲染，采用shouldComponentUpdate自己定义什么情况下执行刷新，有时候可能会有这样的需求，指定某个item执行刷新，在React Native里面没有可以获取指定item的方式，只能在数据上做考虑，具体操作如下： 定义Item需要的数据源 export class ItemData{ constructor(){ //指定某种状态
6. RN笔记-BUG记录
不乱于心, 不困于情,不畏将来,不念过往
06-29 641
RN笔记 bug记录
Flatlist删除列表中的某一个item，并刷新界面显示
baihailing的博客
06-18 1461
花了一上午时间，研究了一下当点击Flatlist的某一个item，然后删除这个item 具体的点击事件： //item点击事件回调 _clickTransactionItem = (transTp, transactionItem, index,acctTpId) => { let arr0 = this.state.pointTransList; arr0.splice(index, 1); this.setState({
react native 组件间通信 局部刷新
吴蕴强的博客
09-21 9417
组件化是react-native的最大优点之一，因为组件化我们可以做到局部刷新，提高性能。 如图所示 父组件包含连个子组件 添加可以动态增加子组件 log输出： add关键代码： _onPress() { if(show){/*显示删除时 不能添加*/ return ; } let arr = t
react-native-web中使用 flatlist下拉刷新
最新发布
07-14
在 React Native Web 中使用 FlatList 实现下拉刷新功能，您可以按照以下步骤进行操作： 1. 导入所需的模块： ```javascriptimport React, { useState useEffect } from 'react'; import { FlatList, View, Text, RefreshControl } from 'react-native'; ``` 2. 创建状态变量来追踪刷新状态和数据： ```javascript const [data, setData] = useState([]); const [refreshing, setRefreshing] = useState(false); ``` 3. 创建一个函数来处理刷新操作： ```javascript const handleRefresh = () => { setRefreshing(true); // 在这里执行刷新操作，例如从服务器获取最新数据 // 模拟异步请求 setTimeout(() => { // 更新数据 setData([...newData]); setRefreshing(false); }, 2000); }; ``` 4. 在 FlatList 组件中添加 `refreshControl` 属性，并设置 `onRefresh` 为上一步创建的函数： ```javascript <FlatList data={data} renderItem={({ item }) => ( <View> <Text>{item}</Text> </View> )} keyExtractor={(item) => item.id} refreshControl={ <RefreshControl refreshing={refreshing} onRefresh={handleRefresh} /> } /> ``` 现在，当用户下拉 FlatList 列表时，将触发 `handleRefresh` 函数，并显示下拉刷新指示器。您可以在 `handleRefresh` 函数中执行实际的刷新操作，例如从服务器获取最新数据，并在获取数据后更新 FlatList 的内容。 请注意，上述示例中的 `newData` 是一个代表新数据的数组，您需要根据您的实际情况进行替换。 希望这可以帮助您在 React Native Web 中实现 FlatList 的下拉刷新功能！如有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值