芝灵生于幽谷,不以无人而不芳

React&Redux ActionTypes

0x00 前言 ActionTypes是为了防止在大型项目的开发中action中的type出现打错字之类的错误,此时,控制台不会报错,但功能异常。使用ActionTypes后,页面将会出现报错,减少排错时间 0x01 创...

2019-05-27 react

React之Redux工作流程

阮一峰 0x00 render函数 render() { return ( <div style={{ width: '500px', padding: '10px' }}> <Input value={this.state.inputValue} style={{ width: "400px", marginRight: "15px" }} onChange={this.handleInputChange} /> <Button type="primary" > 提交 </Button> <List bordered dataSource={this.state.list} renderItem={item => ( <List.Item> {item} </List.Item> )} /> </div> ) } 0x01 在src下创建store/index.js 这里就创建好了Store import {createStore} from 'redux'; import reducer from './reducer'; const store = createStore(); export...

2019-05-27 react

React Fragment

https://react.docschina.org/docs/fragments.html Fragment相当于占位符吧,正常情况下,React中子组件只能返回一个Dom节点,而Fragment可以让你的子组件返回多个Dom节点 父组件 import React, { Fragment } from 'react'; import ToDoItem from './ToDoItem'; class ToDoList extends React.Component { constructor(props) { super(props); //组价状态 this.state =...

2019-05-27 React

Hugo_blog搭建

CodeSheep视频 Hugo中文文档 我的环境为MacOS 安装 Hugo brew install hugo 生成站点 hugo new site hugo_blog cd hugo_blog 安装一个主题 hugo的主题 从官网选用一个主题 例如我选的zozo 看到insetallation 执行命令 git clone https://github.com/imzeuk/hugo-theme-zozo themes/zozo 写...

2019-05-21 Web

Spring Boot中使用MongoDB

pom文件中 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-mongodb</artifactId> </dependency> </dependencies> application.properties中 ##mongo配置 spring.data.mongodb.host=127.0.0.1 spring.data.mongodb.port=27017 spring.data.mongodb.database=test 主类中 @SpringBootApplication(exclude = DataSourceAutoConfiguration.class)...

2019-04-14 SpringBoot

spring boot和React跨域请求解决

首先是在React,前端上只需要注意请求是POST请求,因为GET请求会有一个错误,然后就是用fetch传输了 handleSubmit = (e) => { e.preventDefault(); this.props.form.validateFields((err, values) => { if (!err) { console.log('Received values of form: ', values); let data = new FormData(); data.append("userName",values.userName); data.append("password",values.password); data.append("remember",values.remember); fetch("http://localhost:8080/post",{ method: 'POST', body : data }).catch(); } }); }; 然后主要是在sp...

2019-04-10 SpringBoot