What do you want to save?
Add Code snippet
New code examples
-
Javascript 2022-01-30 02:30:30
traduire text with api translate google in react
import React, { useEffect, useState } from 'react'; import axios from 'axios'; const Convert = ({ text, language }) => { const [convertedText, setConvertedText] = useState(''); useEffect(() => { const response = axios .post( ... Add solution -
Javascript 2022-01-29 02:05:15
react document viewer
// MyApp.js import React, { Component } from 'react'; import logger from 'logging-library'; import FileViewer from 'react-file-viewer'; import { CustomErrorComponent } from 'custom-error'; const file = 'http://example.com/image.png' const type = 'png' c... Add solution -
Javascript 2022-01-28 23:20:36
add pdf in react app
import React, { PureComponent } from "react" import { Document, Page } from "react-pdf/build/entry.webpack" import throttle from "lodash.throttle" import pdf from "./pdf.pdf" class App extends PureComponent { con... Add solution -
Javascript 2022-01-28 20:26:48
google sign in in firebase react
//add to your firebase.js file: google provider sign-in const googleProvider = new firebase.auth.GoogleAuthProvider(); export { firebase, db, auth, functions, googleProvider } //Actions/GoogleAuthentication.js import { firebase, googleProvider, db } from... Add solution -
Javascript 2022-01-27 19:50:47
usestate react hook
import React, { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> ... Add solution -
Javascript 2022-01-27 05:00:40
how to set state when change viewport react
import React, { useLayoutEffect, useState } from 'react'; function useWindowSize() { const [size, setSize] = useState([0, 0]); useLayoutEffect(() => { function updateSize() { setSize([window.innerWidth, window.innerHeight]); } wi... Add solution -
Javascript 2022-01-26 06:27:11
implementation of redux in functional component
import React from 'react' import { useSelector } from 'react-redux' export const CounterComponent = () => { const counter = useSelector(state => state.counter) return <div>{counter}</div> } Copy Add solution -
Javascript 2022-01-26 05:32:28
text input phone number react native
import React, { Component } from 'react'; import { TextInput } from 'react-native'; export default function UselessTextInput() { const [textInputValue, setTextInputValue] = React.useState(''); return ( <TextInput style={{ height: ... Add solution -
TypeScript 2022-01-26 05:31:20
react functional components modal
import React, { useEffect } from "react";import { createPortal } from "react-dom";import styled from "styled-components";import PropTypes from "prop-types"; const Portal = ({ children }) => { const modalRoot = ... Add solution