thinkgarden

React Ref

import React, { Component } from "react";
import { render } from "react-dom";

class App extends Component {
  constructor(props) {

thinkgarden

Query Strings with React Router

componentDidMount() {
  console.log(this.props.location.search) // "?filter=top&origin=im"
}

thinkgarden

const getIn = (state, path) => {
  if (!state) {
    return state
  }

  const length = path.length
  if (!length) {
    return undefined
  }

thinkgarden

const getStrFullLength = (str = '') =>
  str.split('').reduce((pre, cur) => {
    const charCode = cur.charCodeAt(0);
    console.log(cur, charCode)
    if(charCode >= 0&& charCode <= 128) {
      return pre + 1;
    } else {
      return pre + 2;
    }
  }, 0)

thinkgarden

<div class="select-style">
  <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </select>
</div>

thinkgarden

body{
  font-family: 'Montserrat', sans-serif;
  margin:0;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;