Skip to main content
Version: 7.x.x (Maintenance LTS)

Communication from React to Unity

JavaScript Example

// Get started by creating a new React
// component and importing the libraries!

import React from "react";
import Unity, { UnityContent } from "react-unity-webgl";

export class App extends React.Component {
constructor(props) {

// Next up create a new Unity Content object to
// initialise and define your WebGL build. The
// paths are relative from your index file.

this.unityContent = new UnityContent(

// create a new function for our button to send a
// message and spawn enemies in our unity game.

onClick() {
// this function sends a message to a game object
// named "SpawnController" to the public method
// "SpawnEnemies" with a value of "10".

this.unityContent.send("SpawnController", "SpawnEnemies", 10);

render() {
// Finally render the Unity component and pass
// the Unity content through the props. And create
// a button to handle the click event.

return (
<button onClick={this.onClick.bind(this)}>Spawn!</button>
<Unity unityContent={this.unityContent} />