AppFunction.js
export default function myFunction() {
var str1 = "Hello ";
var str2 = "world!";
var res = str1.concat(str2);
document.getElementById("demo").innerHTML = res;
}
App.js
import React, { Component } from 'react';
import myFunction from './AppFunction';
class App extends Component {
render() {
return (
<div className="App">
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
</div>
);
}
}
export default App;
我应该导入一个现有的JavaScript库,然后调用它的函数。
componentDidMount() {
myFunction()
}
当我这样写的时候,工作。但是无需单击onclick按钮即可显示在屏幕上。我想按下按钮并在屏幕上显示它。
最佳答案
更改
<button onclick="myFunction()">Try it</button>
至
<button onClick={myFunction}>Try it</button>
关于javascript - 如何在reactjs中导入函数,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53222598/