ReactJS

1
import {Simulate} from "react-dom/test-utils";
2
import {preventDefault} from "../utils/react/preventDefault";
3
import {stopPropagation} from "../utils/react/stopPropagation";
4
import input = Simulate.input;
5
import {getValue} from "../utils/react/pickFromSyntheticEvent";
6
import {pipe} from "../utils/react/pipe";
7
import {pick} from "../utils/react/pick";
8
import {isEqual} from "../utils/react/isEqual";
9
import React from "react";
10

11
export function InputExample({value, onChange}: any) {
12
  return (
13
    <div>
14
    <input
15
      value={value}
16
      onChange={preventDefault(stopPropagation(getValue(onChange)))}
17
    />
18
    </div>
19
  );
20
}
21

22
const comments = [{id:22,text:"dd"}]
23

24
const createFilterBy = (prop: string) =>(id: any) => pipe(pick(prop), isEqual(id),cond)
25
const filterById = createFilterBy('id');
26
const filterByValue = createFilterBy("value");
27

28
const filteredComments = comments.filter(filterById(22));
29

30
function cond(b: boolean) {
31
  return !b;
32
}
33

34
const getValueNumber = pipe<number>(
35
  pick("currentTarget"),
36
  pick("value"),
37
  parseInt
38
);