从 Yandex 翻译中获取结果

Question

这是一个愚蠢的问题，但我正在使用 Yandex API 通过将西班牙语单词/短语粘贴到函数中来将单词从西班牙语翻译成英语。但是，我不知道如何从函数中实际返回翻译！如何让我的 changeString 方法返回 res.text[0]？

import React, { Component } from "react";

class Display extends Component {
  render() {
    return (
      <div>
        <button> {this.changeString(this.props.translation)} </button>
      </div>
    );
  }

  changeString = spanishText => {
    var output = null;
    var translate = require("yandex-translate")(
      "API KEY"
    );

    translate.translate(spanishText, { to: "en" }, function(err, res) {
      console.log(res.text)
    });
  };
}

export default Display;

Answer 1

您可以将其设置为状态并对其进行更新以触发重新渲染。像下面这样

import React, { Component } from "react";

class Display extends Component {
  constructor(props) {
    super(props);
    this.state = { theWord: '' };
  }

  componentDidMount() {
    var output = null;
    var translate = require("yandex-translate")(
      "API KEY"
    );

    translate.translate('spanishText',{ to: "en" }, (err, res) => {
      this.setState({theWord: res});
    });
  }

  render() {
    return (
      <div>
        <button> {this.state.theWord} </button>
      </div>
    );
  }
}

export default Display;