React js 中的 AWS polly(文本到语音)。无法获取 AWS 上下文以提供凭据
AWS polly (text to speech) in react js. cannot get the AWS context to give credentials
我尝试在 React js 中实现 AWS polly。我可以使用 useEffect 包含脚本。但我无法获得 AWS 的上下文。总是 return 错误 AWS 未定义 。
如何解决这个问题
import React, {useEffect, useState} from 'react';
const Polly = (props) => {
useEffect(() => {
const script = document.createElement('script');
script.src = 'https://sdk.amazonaws.com/js/aws-sdk-2.410.0.min.js';
script.onload = function(){setScriptLoaded();};
script.async = true;
document.body.appendChild(script);
return document.body.removeChild(script);
}, []);
const setScriptLoaded = () => {
console.log(AWS);
}
return (
<p>AWS</p>
)
}
export default Polly;
您应该导入 AWS
import AWS from 'aws-sdk';
这是我们在项目中导入 AWS 的方式:
import AWS = require('aws-sdk');
我尝试在 React js 中实现 AWS polly。我可以使用 useEffect 包含脚本。但我无法获得 AWS 的上下文。总是 return 错误 AWS 未定义 。 如何解决这个问题
import React, {useEffect, useState} from 'react';
const Polly = (props) => {
useEffect(() => {
const script = document.createElement('script');
script.src = 'https://sdk.amazonaws.com/js/aws-sdk-2.410.0.min.js';
script.onload = function(){setScriptLoaded();};
script.async = true;
document.body.appendChild(script);
return document.body.removeChild(script);
}, []);
const setScriptLoaded = () => {
console.log(AWS);
}
return (
<p>AWS</p>
)
}
export default Polly;
您应该导入 AWS
import AWS from 'aws-sdk';
这是我们在项目中导入 AWS 的方式:
import AWS = require('aws-sdk');