React使用的问题解惑

React中props的值不能直接改变

TryHook组件

import React, { useState } from 'react';
import TryHookChild from './TryHookChild';

function TryHook() {
    // 声明一个叫 “count” 的 state 变量。   setCount不能直接放在渲染的流程中
    const [count, setCount] = useState(['a','b','c','d','e']);
    let strCombin = '';
    count.forEach((str) => {
        strCombin = strCombin + str
    });
   console.log(strCombin)
    return (
      <div>
        <p> {strCombin} </p>
        <TryHookChild setCount={setCount} count={count}/>
      </div>
    );
  }

  export default TryHook;

TryHookChild组件

在这里import React from 'react';

function TryHookChild(props){
    return (
        <button onClick={() => {
            // props.count.splice(0, 1);   不能通过splice,直接操作props的属性
            // console.log(props.count);
            props.setCount(() => {
                let newCount = props.count.concat();  //要像这样,先返回一个新数组,再对这个新数组splice,最后通过setCount赋值
                newCount.splice(0, 1)
                console.log(props.count);
                return newCount;
            });
        }}>
          Click me
        </button>
    )
}

export default TryHookChild;插入代码片

另外state的值也不能直接操作,只能间接的操作,把state赋给另外一个变量,然后再操作这个变量,再setState就可以了
还有关于Hook中,这种用法

const [count, setCount] = useState(['a','b','c','d','e']);

在退出函数后,即组件渲染结束后,函数里的count变量就会消失,但是count变量会另外被React保存,React保存的始终是,setState之前的最新count

另外setState有这样的问题,如果setState里是个函数,那么函数最好自调用一下

setState(((num) => { //箭头函数里的num是形参
  return state + num
})(num)) //自调用的括号传入的是实参

最好别传函数进入setState
----------------------------------------------------------------------
另外关于state和props属性的深层次也不能改动问题

let newUserList = props.userList.concat();
let obj= Object.assign({}, newUserList[props.index]);
obj.username = value;
newUserList[props.index] = obj;
console.log(value);
props.setUserList(newUserList);

concat函数只能浅层次复制源对象,假如是个数组,数组里有对象,使用concat函数只能复制表层,新数组里的一个个对象值,实际上并没有取到值。但是这时候仍然能操控到新数组里的对象的属性值,但是这个属性值仍然是props.userList源数组里对象的值,因此违反了不能直接对props属性直接操作的规则。
那我们只能通过let obj= Object.assign({}, newUserList[props.index]);这样的方法,来改动

资源下载链接为: https://pan.quark.cn/s/5c50e6120579 在Android移动应用开发中,定位功能扮演着极为关键的角色,尤其是在提供导航、本地搜索等服务时,它能够帮助应用获取用户的位置信息。以“baiduGPS.rar”为例,这是一个基于百度地图API实现定位功能的示例项目,旨在展示如何在Android应用中集成百度地图的GPS定位服务。以下是对该技术的详细阐述。 百度地图API简介 百度地图API是由百度提供的一系列开放接口,开发者可以利用这些接口将百度地图的功能集成到自己的应用中,涵盖地图展示、定位、路径规划等多个方面。借助它,开发者能够开发出满足不同业务需求的定制化地图应用。 Android定位方式 Android系统支持多种定位方式,包括GPS(全球定位系统)和网络定位(通过Wi-Fi及移动网络)。开发者可以根据应用的具体需求选择合适的定位方法。在本示例中,主要采用GPS实现高精度定位。 权限声明 在Android应用中使用定位功能前,必须在Manifest.xml文件中声明相关权限。例如,添加<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />,以获取用户的精确位置信息。 百度地图SDK初始化 集成百度地图API时,需要在应用启动时初始化地图SDK。通常在Application类或Activity的onCreate()方法中调用BMapManager.init(),并设置回调监听器以处理初始化结果。 MapView的创建 在布局文件中添加MapView组件,它是地图显示的基础。通过设置其属性(如mapType、zoomLevel等),可以控制地图的显示效果。 定位服务的管理 使用百度地图API的LocationClient类来管理定位服务
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值