如何从html中将参数传递给react中的函数？

在React中，可以通过props（属性）将参数从HTML传递给React组件中的函数。

首先，在HTML中定义一个React组件，并将参数作为属性传递给该组件。例如：

<div id="root"></div>

<script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.development.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.development.js"></script>
<script>
  function MyComponent(props) {
    return <button onClick={props.handleClick}>{props.text}</button>;
  }

  function handleClick() {
    console.log("Button clicked!");
  }

  ReactDOM.render(
    <MyComponent handleClick={handleClick} text="Click me!" />,
    document.getElementById("root")
  );
</script>

在上面的例子中，我们定义了一个名为MyComponent的React组件，并通过handleClick和text属性将参数传递给该组件。在组件内部，我们使用props.handleClick和props.text来访问这些参数。

当按钮被点击时，handleClick函数将被调用，并在控制台中打印出"Button clicked!"。

这是一个简单的示例，你可以根据实际需求进行更复杂的参数传递和处理。