/Javascript/React/Traduire text with api translate google in react

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;

Source: stackoverflow.com

Similar codes

6 votes231 views1 answer
React hooks scss supoort
Javascript React
1 vote226 views2 answers
React datepicker documentation
Javascript React
0 vote251 views1 answer
Remarkable react js
Javascript React
10 votes199 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote209 views1 answer
React Spread Attributes conditionally
Javascript React
0 vote232 views1 answer
Close all function of react in vscode mac
Javascript React
0 vote229 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React
1 vote229 views1 answer
React native nav bars
Javascript React
0 vote225 views1 answer
React native on expo finger print is working bt not in apk
Javascript React
0 vote203 views1 answer
How to validate password and confirm password on react form hook
Javascript React