Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

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(
        'https://translation.googleapis.com/language/translate/v2',
        {},
        {
          params: {
            q: text,
            target: language,
            key: 'AIzaSyCHUCmpR7cT_yDFHC98CZJy2LTms-IwDlM'
          }
        }
      )
      .then((response) => {
        setConvertedText(response.data.data.translations[0].translatedText);
      })
      .catch((err) => {
        console.log('rest api error', err);
      });
  }, [text, language]);

  return <div>{convertedText}</div>;
};

export default Convert;


Comment

PREVIOUS NEXT
Code Example
Javascript :: on first time this.file.readAsDataURL not working ios 
Javascript :: react strap documentation 
Javascript :: media query for mobile in react file 
Javascript :: make the background color of page in the loading js 
Javascript :: normalizePort 
Javascript :: A simple javascript qr code generator 
Javascript :: strpad jquery 
Javascript :: 1.047222170078745 
Javascript :: javascript how to give variable names inside for loop corresponding to value of iterator javascript 
Javascript :: https://discord.com/api/guilds/845154482256871435/widget.json 
Javascript :: Extract JSON from http page request 
Javascript :: selectize get instance id from onchange 
Javascript :: TemplateSyntaxError at /cart/ 
Javascript :: new date in interpolation angular 
Javascript :: oracle apex interactive grid set record field readonly 
Javascript :: 4.6.3. Order of Operations¶ 
Javascript :: bjsmasth update 
Javascript :: how to pass data in router link react-typescript 
Javascript :: elasticsearch performance 
Javascript :: discord.js ban 
Javascript :: call a method of component from outside react 
Javascript :: connection string in static class 
Javascript :: iterating hashmap angular 
Javascript :: Unable to load schema from https json SchemaStore org eslintrc 
Javascript :: not getting jsp option in sts 
Javascript :: version control api nodejs best practices 
Javascript :: javascript make the web browser scroll to the top 
Javascript :: reactvs y axis range 
Javascript :: javascript calculate element style 
Javascript :: Entendendo Package Json e instalando o Express 
ADD CONTENT
Topic
Content
Source link
Name
7+9 =