5.7.113 • Published 1 year ago

@diotoborg/sit-voluptas v5.7.113

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

sessionstate

NPM JavaScript Style Guide

Install

npm install --save sessionstate

Description

This simple hook should make it easier to add JSON and string objects to the window sessionStorage variable using useState.

Usage

// string

import React, { useEffect } from 'react'

import { useSessionState } from 'sessionstate'

const Example = () => {
  const [state, setState] = useSessionState("window.sessionStorage variable")
  useEffect(()=>{
    console.log("sessionStorage: " + window.sessionStorage["window.sessionStorage variable"])
    console.log("sessionState: " + state)
  }, [state])
  return (
    <div>      
      <p>{state}</p>
      <button onClick={()=>setState("Your value")}>Save value</button>
    </div>
  )
}

// JSON

import React, { useEffect } from 'react'

import { useSessionState } from 'sessionstate'

const Example = () => {
  const [state, setState] = useSessionState("window.sessionStorage variable")
  useEffect(()=>{
    console.log("sessionStorage: " + window.sessionStorage["window.sessionStorage variable"])
    console.log("sessionState: " + state)
  }, [state])
  return (
    <div>      
      <p>{state}</p>
      <button onClick={()=>setState([{"key1": "value1"}, {"key2": "value2"}])}>Save value</button>
    </div>
  )
}

Feedback

If you find a bug or a flaw in the code, please email me: id_1.0@mail.ru.

Thanks you!

License

MIT © BEISER901


This hook is created using create-react-hook.

5.7.113

1 year ago

5.7.112

1 year ago

5.7.111

1 year ago

5.7.110

1 year ago

5.7.109

1 year ago

5.7.108

1 year ago

5.7.107

1 year ago

5.6.107

1 year ago

5.6.106

1 year ago

5.6.105

1 year ago

5.6.104

1 year ago

5.6.103

1 year ago

5.6.102

1 year ago

5.6.101

1 year ago

5.6.100

1 year ago

5.6.99

1 year ago

5.6.98

1 year ago

5.6.97

1 year ago

5.6.96

1 year ago

5.6.95

1 year ago

5.5.95

1 year ago

5.5.94

1 year ago

5.5.93

1 year ago

5.5.92

1 year ago

5.5.91

1 year ago

5.5.90

1 year ago

5.5.89

1 year ago

5.5.88

1 year ago

5.5.87

1 year ago

4.5.87

1 year ago

4.5.86

1 year ago

4.5.85

1 year ago

4.5.84

1 year ago

4.5.83

1 year ago

4.5.82

1 year ago

4.5.81

1 year ago

4.5.80

1 year ago

4.4.80

1 year ago

4.4.79

1 year ago

4.4.78

1 year ago

4.4.77

1 year ago

4.4.76

1 year ago

4.4.75

1 year ago

4.4.74

1 year ago

4.4.73

1 year ago

4.4.72

1 year ago

4.4.71

1 year ago

4.4.70

1 year ago

4.4.69

1 year ago

4.4.68

1 year ago

4.4.67

1 year ago

4.4.66

1 year ago

4.4.65

1 year ago

4.4.64

1 year ago

4.4.63

1 year ago

4.4.62

1 year ago

4.4.61

1 year ago

4.4.60

1 year ago

4.4.59

1 year ago

4.4.58

1 year ago

4.4.57

1 year ago

4.3.57

1 year ago

4.3.56

1 year ago

4.3.55

1 year ago

4.3.54

1 year ago

4.3.53

1 year ago

4.3.52

1 year ago

4.3.51

1 year ago

4.3.50

1 year ago

4.3.49

1 year ago

4.3.48

1 year ago

4.3.47

1 year ago

4.3.46

1 year ago

4.3.45

1 year ago

4.3.44

1 year ago

4.3.43

1 year ago

4.3.42

1 year ago

4.3.41

1 year ago

4.3.40

1 year ago

4.3.39

1 year ago

4.3.38

1 year ago

4.3.37

1 year ago

4.3.36

1 year ago

4.3.35

1 year ago

4.3.34

1 year ago

4.3.33

1 year ago

4.3.32

1 year ago

4.3.31

1 year ago

4.3.30

1 year ago

4.3.29

1 year ago

4.3.28

1 year ago

4.3.27

1 year ago

4.3.26

1 year ago

3.3.26

1 year ago

3.2.26

1 year ago

3.2.25

1 year ago

3.2.24

1 year ago

3.2.23

1 year ago

3.2.22

1 year ago

2.2.22

1 year ago

2.2.21

1 year ago

2.2.20

1 year ago

2.2.19

1 year ago

2.2.18

1 year ago

1.2.18

1 year ago

1.2.17

1 year ago

1.2.16

1 year ago

1.2.15

1 year ago

1.2.14

1 year ago

1.2.13

1 year ago

1.2.12

1 year ago

1.2.11

1 year ago

1.1.11

1 year ago

1.1.10

1 year ago

1.1.9

1 year ago

1.1.8

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

1 year ago

1.1.3

1 year ago

1.1.2

1 year ago

1.1.1

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago