欧薇娅

欧薇娅 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

欧薇娅 提出了问题 · 3月9日

Material Design 如何解决信息密集型的UI展示?

当信息密集型页面使用Material Design会显得拥挤,很突兀的感观, 有什么好的方法和经验?

关注 1 回答 0

欧薇娅 回答了问题 · 3月6日

React的一些属性在官网找不到,比如componentType....

那是内部属性, 不是用户API.

关注 2 回答 1

欧薇娅 回答了问题 · 2月24日

react-hooks为什么使用useRef可以保存上次的值?

跟闭包原理差不多

var add = (function() {  
  var counter =0;  
  return function() {counter +=1;returncounter}  
})();  
  
add();  
add();  
add();
// 3

关注 2 回答 1

欧薇娅 回答了问题 · 2月14日

create-react-app创建的多页应用打包的js代码没有插入到html中

其实根本就不需要多页面运用, 为什么? 你只需要一个页面, 通过查询参,哈希值, 或者网址的不同来路由不同的页面就可以了.

const App = () => {
  return window.location.hash !== '#home' ? (
     <Faces />
  ) : (
     <Cat />
  );
};

关注 4 回答 4

欧薇娅 回答了问题 · 2月14日

redux的问题 如何优雅的返回reducer中新的state

不知道是谁教给你用JSON序列化的方式来阻断引用关系的, 你只需要使用ES5的map方法,
map方法会返回一个新数组, 而不会引用原先数组.

const list=[
  {plan:'a',complate:false},
  {plan:'b',complate:true},
  {plan:'c',complate:false},
]
const list2 = list.map(v => (v.plan === 'b' ? { ...v, complate: false } : v));

console.log(list === list2)  // false

关注 4 回答 3

欧薇娅 回答了问题 · 1月13日

解决用dva代替create-react-app靠谱吗

你研究的对象,将从主流变成面向阿里, 文档和答案不好找.

umi的自动注册路由,和自动注册model确实很方便, 但是对与复杂路由却并不方便,还是得需要配置式, 我建议式试用 redux 官方出品得redux-starter-kit.js来代替dva, https://redux-starter-kit.js....

const user = createSlice({
  name: 'user',
  initialState: { name: '', age: 20 },
  reducers: {
    setUserName: (state, action) => {
      state.name = action.payload; // mutate the state all you want with immer
    }
  },
  // "map object API"
  extraReducers: {
    [counter.actions.increment]: (state, action) => {
      state.age += 1;
    }
  }
});
const reducer = combineReducers({
  counter: counter.reducer,
  user: user.reducer
});

关注 4 回答 3

欧薇娅 回答了问题 · 1月13日

react脚手架在IE10以下运行报错

npm i react-app-polyfill

在index.js的最顶部加入

import 'react-app-polyfill/ie9';
import 'react-app-polyfill/stable';
import React from 'react';
import ReactDOM from 'react-dom';
import App from 'src/App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
serviceWorker.unregister();

关注 3 回答 2

欧薇娅 回答了问题 · 1月13日

解决react中render函数会被刷新多次,如何处理?

memo 可以帮助你减少不必要的更新.

import React, { memo } from 'react';

export default memo('你的组件名');

关注 5 回答 3

欧薇娅 回答了问题 · 1月13日

表格数据量太大导致浏览器卡顿,有没有什么优化的方法呢 antd

虚拟表格呀, 它的原理是,只显示视窗中的行, 其他看不到的部分自动删除.

https://github.com/bvaughn/re...

关注 3 回答 2

欧薇娅 回答了问题 · 1月9日

React <route>组件可以异步挂载吗

一般都是数据异步加载, 组件都不会有网络请求, 当数据没有返回时, 你可以直接返回null

关注 2 回答 1

认证与成就

  • 获得 51 次点赞
  • 获得 32 枚徽章 获得 1 枚金徽章, 获得 6 枚银徽章, 获得 25 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2017-04-30
个人主页被 1k 人浏览