场景:
- 尝试创建具有可变网址位置的网页。
- 目前，该代码旨在将您发送到一个名为 asdf.txt 的文件 但是我希望能够将网址从 asdf.txt 更改为 例如，somethingelse.txt。
- 下面是现在的代码，并且 下面是我更改文件名的失败尝试。
请提出建议。
谢谢。
这是现在的代码:
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
class NameForm extends React.Component {
render() {
return (<a href="asdf.txt" onclick="$('a').hide()">this is a link</a>)
}
}
ReactDOM.render(
<NameForm />,
document.getElementById('root')
);
</script>
</body>
新代码:
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
class NameForm extends React.Component {
render() {
let name = "asdf" // this would be a more complicated proccess
return (<a href=name+".txt" onclick="$('a').hide()">this is a link</a>)
}
}
ReactDOM.render(
<NameForm />,
document.getElementById('root')
);
</script>
</body>
最佳答案
在react中，没有HTML，只有JSX。请将 JSX 中的任何变量用法括在 {} 之间。
请尝试这个:
return <a href={`${name}.txt`} onclick="$('a').hide()">this is a link</a>
关于javascript - 使用变量 url 创建 href，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51978937/