/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

3 votes406 views1 answer
React.children.only expected to receive a single react element child
Javascript React
20 votes409 views4 answers
On enter key press react
Javascript React
1 vote338 views1 answer
React addeventlistener useeffect
Javascript React
0 vote372 views1 answer
React js error stackoverflaw
Javascript React
-2 votes372 views1 answer
Redux template create react app
Javascript React
-2 votes390 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
5 votes337 views2 answers
React onclick new tab
Javascript React
0 vote392 views2 answers
Get location from brwoser react
Javascript React
7 votes368 views2 answers
How to pass a component as a prop in react
Javascript React
0 vote494 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React