如何在reactjs中导入函数

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 (
      

        Try it
        

      
    );
  }
}

export default App;

我应该导入一个现有的Javascript库,然后调用它的函数.

componentDidMount() {
  myFunction()
}

当我这样写,工作.但是在屏幕上显示而不单击onclick按钮.我想按下按钮并在屏幕上显示.

更改

Try it

至

Try it