미혹된 일의 총결

늘 추가하는 녀석.
처음 읽는 초보자이기 때문에 틀렸다면 지적해 주세요.

숫자만 입력 가능

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 ]

참조 소스:
JavaScript에서 데이터 중복 제거를 자체적으로 수행하지 마십시오(Set 사용)

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

이것은 상술한 설정 방법으로 할 수 있는 것이 아니겠지...맞아요?Index Of 쓰겠죠?화가 나다

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)

「...」이게 뭐야?

확장 구문설명이 안 보여요.

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

맡기다
기존의 신청을 복제해 새로운 신청을 만드는 기능이다.
호출자.jsx

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

호출자.jsx

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!! つまんねーやつだなー
}