面试题：Solid.js中JSX如何与普通JavaScript函数交互

Question

在Solid.js项目里，假设已有一个普通JavaScript函数 `calculateSum(a, b)` 用于计算两数之和，要求通过JSX调用该函数，并将结果显示在页面上，简述实现思路并给出关键代码。

Answer 1

实现思路

1. 导入 calculateSum 函数。
2. 在Solid.js组件中调用该函数，并将结果存储在变量中。
3. 使用JSX将结果渲染到页面上。

关键代码

import { render } from "solid-js/web";
import { calculateSum } from "./path/to/your/function";

const App = () => {
  const sum = calculateSum(3, 5); // 调用函数计算和
  return <div>{sum}</div>; // 将结果显示在页面上
};

render(() => <App />, document.getElementById("app"));