使用 React 功能组件嵌入来自第三方的表单

Question

我正在尝试嵌入来自第三方的表单。由于某种原因，它似乎不喜欢“钥匙”。任何人都可以帮忙吗？我也尝试过通过 DOM 构建它，但没有成功。以下错误：

SyntaxError：意外的标记，应为“}”

 <script>
  EmbedManager.embed({
  key: "key",
     ^
  width: "100%"
  });
 </script>

以下是我当前的代码：

import { Container } from 'react-bootstrap';

const Contact = () => {

    return (
        <Container style={{paddingTop: 100}}>

            <Container>
                <div style='display:none;' id="contact-form">
                    <a name="formid" id="formAnchorid"></a>
                    <script src="https://fs23.formsite.com/include/form/embedManager.js?id"></script>
                    <script>
                        EmbedManager.embed({
                        key: "key",
                        width: "100%"
                        });
                    </script>
                </div>
            </Container>
        </Container>
    )
}

export default Contact;

Answer 1

你可以试试大括号这样写jsx：

{ EmbedManager.embed({ key: "key", width: "100%" }); }