Every line of 'usehistory in class component' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.
23 export function History(props: HistoryProps) { 24 React.useEffect(() => { 25 if (process.env.NODE_ENV !== 'production') { 26 console.warn( 27 `Deprecation Warning: "<History>" is deprecated. It will be removed in a future version.`, 28 ) 29 } 30 }, []) 31 32 return ( 33 <NaviContext.Consumer> 34 {context => props.children(context.navigation._history)} 35 </NaviContext.Consumer> 36 ) 37 }
Secure your code as it's written. Use Snyk Code to scan source code in minutes – no build needed – and fix issues immediately. Enable Snyk Code
5 export function useHistory() { 6 let pathname = getPathname(); 7 let [state, setState] = useState({ pathname }); 8 9 useEffect(() => { 10 function handler() { 11 let pathname = getPathname(); 12 setState(state => 13 state.pathname != pathname ? { pathname } : state 14 ); 15 } 16 return subscribe(handler); 17 }, []); 18 return [pathname, redirect]; 19 }
31 export function useHistory<TParams extends Record<string, unknown>>({ 32 pushOn, 33 }: { 34 pushOn: TParams 35 }): void { 36 const isMounted = useRef(false) 37 38 useEffect(() => { 39 if (!isMounted.current) { 40 isMounted.current = true 41 return 42 } 43 44 pushState(removeEmpty(pushOn)) 45 }, [JSON.stringify(pushOn)]) 46 }
114 public onClick(event) { 115 event.target.select(); 116 }
16 export default function HistoryHandler( { children } ) { 17 const ref = useRef(); 18 const { undo, redo } = useDispatch( 'core/editor' ); 19 20 useEffect( () => { 21 const onBeforeInput = ( event ) => { 22 if ( event.inputType === 'historyUndo' ) { 23 event.preventDefault(); 24 undo(); 25 } else if ( event.inputType === 'historyRedo' ) { 26 event.preventDefault(); 27 redo(); 28 } 29 }; 30 31 ref.current.addEventListener( 'beforeinput', onBeforeInput ); 32 33 return () => { 34 ref.current.removeEventListener( 'beforeinput', onBeforeInput ); 35 }; 36 } ); 37 38 return ( 39 <div ref={ ref }> 40 { children } 41 </div> 42 ); 43 }
60 $("#historyChangeButton").click(function historyChangeButtonClick(){ 61 self.backToTheFuture(); 62 $("#historyButton span").removeClass("navigation-bar-active-item"); 63 $("#historyButton label").removeClass("navigation-bar-active-item"); 64 $historyBox.toggle(); 65 });
25 export function useHistory() { 26 return useContext(HistoryContext); 27 }
12 function useHistoryEntry( { 13 story, 14 current, 15 pages, 16 selection, 17 capabilities, 18 } ) { 19 const { actions: { appendToHistory } } = useHistory(); 20 useEffect( () => { 21 appendToHistory( { 22 story, 23 current, 24 pages, 25 selection, 26 capabilities, 27 } ); 28 }, [ appendToHistory, story, current, pages, selection, capabilities ] ); 29 }