미혹된 일의 총결

숫자만 입력 가능

onInput={(e) => { e.target.value = e.target.value.replace(/[^0-9]/g, ''); }}

<input
    type="text"
    className="form-control form-control-sm"
    name="なまえ"
    value={''}
    onChange={handleOnChange}
    onInput={(e) => { e.target.value = e.target.value.replace(/[^0-9]/g, ''); }}   // <-これ
/>

패턴 중복 제거 방법

const array1 = [1, 5, 3, 1, 5, 3];
const array2 = Array.from(new Set(array1))
console.log(array2); // [ 1, 5, 3 ]

연관 배열 (객체) 삭제를 반복하는 방법

const jyuhukuArray = [
    { name: "スズキ" ,hoge: 'hoge' },
    { name: "キムラ" ,hoge: 'hoge' },
    { name: "スズキ" ,hoge: 'hoge' },  //重複
    { name: "サトウ" ,hoge: 'hoge' },
    { name: "サトウ" ,hoge: 'hoge' },  //重複

];
let values = [];
let noJyuhukuArray = jyuhukuArray.filter(e => {
  if (values.indexOf(e["name"]) === -1) {
    values.push(e["name"]);
    return e;
  }
});
console.log(noJyuhukuArray)

「...」이게 뭐야?

스테이트를 다른 루트에 맡기고 싶어요.

const { history } = this.props;
const originalForm = {
    name: "コピー元の申請書",
}
history.push({
    pathname: '/application/new', //ページ遷移先
    state: {
        form: originalForm,
    },
});

const { location } = this.props;
if (location.state) {  // コピー元から遷移してない場合location.stateはUdefinedになる 
    const newForm = location.state.form,
}

array destructuring prefer-destructuring을 사용해서 eslint에게 욕을 먹었어요.

let object = {};
if (e.list.length === 1) {
  object = e.list[0];  //prefer-destructuring!! ぼーっと生きてんじゃねえよ!!!!!!!
}

let object = {};
if (e.list.length === 1) {
  [object] = e.list;  // OK!! つまんねーやつだなー
}