React 和 WebAssembly

#include <emscripten.h>

#include <stdbool.h>

bool is_prime(int num) {

  if (num

<p><strong>将c代码编译为webassembly：</strong></p>

<p><strong>猛击</strong><br></p>

<pre class="brush:php;toolbar:false">emcc prime_numbers.c -o prime_numbers.JS

mport React, { useState, useEffect } from 'react';

function PrimeNumberGenerator() {

  const [lowerBound, setLowerBound] = useState(2);

  const [upperBound, setUpperBound] = useState(10);

  const [primes, setPrimes] = useState([]);

  useEffect(() => {

    const script = document.createElement('script');

    script.src = 'prime_numbers.js';

    document.body.appendChild(script);

  }, []);

  const generatePrimes = () => {

    const wasmPrimes = Module._generate_primes(lowerBound, upperBound);

    const primeList = new Int32Array(wasmPrimes);

    setPrimes(Array.from(primeList)); // Convert to regular array for easier use

    Module._free(wasmPrimes); // Free the allocated memory in Wasm

  };

  return (

    <div>

      <input type="number" value="{lowerBound}" onchange="{(e)"> setLowerBound(parseInt(e.target.value))}

      />

      <input type="number" value="{upperBound}" onchange="{(e)"> setUpperBound(parseInt(e.target.value))}

      />

      <button onclick="{generatePrimes}">Generate Primes</button>

      <ul>

        {primes.map((prime) => (

          <li key="{prime}">{prime}</li>

        ))}

      </ul>

</div>

  );

}

export default PrimeNumberGenerator;