『壹』 react电商详情页点击购买如何把信息传递给购物车页面
提供一些思路
点击购抄买触发加入购物车接口,返回某个标识符(比如购物车id,或者不调接口直接传商品id) => 带上标识符跳转至购物车,购物车根据标识符查询对应的商品信息,然后展示
如果你的网页的单页应用,比如react,可以用rex保存商品数据,然后跳转到购物车后去对应的商品数据展示
直接把商品信息通过url参数传过去
『贰』 如何理解react componentWillUnmount事件
官方的解释是抄组件被移除前执行袭,通俗点来理解,就是react的当前组件里的DOM被移除之前,先执行componentWillUnmount里面的js代码,在很多时候,这样的情况会出现。
比如有一个购物车页面,当删除购物车的时候,就可以执componentWillUnmount方法,先加入一些条件判断是否应该删除该购物车,如果条件成立,就返回true,这样你的购物车组件就能删除掉了
『叁』 用JavaScript代码模拟购物车。
购物车挺复杂的,不是一句两句能说清的,现在前端都用react,vue这类响应式框架做购物车,事半功倍。
『肆』 Reactjs component 中 prop 和 state 的区别
props和state都是用于描述component状态的,并且这个状态应该是与显示相关的。
State
如果component的某些专状态需要被改属变,并且会影响到component的render,那么这些状态就应该用state表示。
例如:一个购物车的component,会根据用户在购物车中添加的产品和产品数量,显示不同的价格,那么“总价”这个状态,就应该用state表示。
Props
如果component的某些状态由外部所决定,并且会影响到component的render,那么这些状态就应该用props表示。
例如:一个下拉菜单的component,有哪些菜单项,是由这个component的使用者和使用场景决定的,那么“菜单项”这个状态,就应该用props表示,并且由外部传入。
『伍』 Reactjs component 中 prop 和 state 的区别
props和state都是用于描述component状态的,并且这个状态应该是与显示相关的。
State
如果component的某些状态需要被改内变,并且会影容响到component的render,那么这些状态就应该用state表示。
例如:一个购物车的component,会根据用户在购物车中添加的产品和产品数量,显示不同的价格,那么“总价”这个状态,就应该用state表示。
Props
如果component的某些状态由外部所决定,并且会影响到component的render,那么这些状态就应该用props表示。
例如:一个下拉菜单的component,有哪些菜单项,是由这个component的使用者和使用场景决定的,那么“菜单项”这个状态,就应该用props表示,并且由外部传入。
『陆』 如何理解react componentWillUnmount事件
官方的解释是组件被移除前执行,通俗点来理解,就是react的当前组件里的DOM被移除之前,先执版行componentWillUnmount里面的js代码,在很多权时候,这样的情况会出现。 比如有一个购物车页面,当删除购物车的时候,就可以执componentWillUnmount方法,先加入一些条件判断是否应该删除该购物车,如果条件成立,就返回true,这样你的购物车组件就能删除掉了