Display an array of threejs objects

[mansa]

Hello, I want to render a cube with the length of an array and display it in the react canvas, but it is not possible

import React, {useState} from 'react'

وارد کردن { Canvas } از '@react-three/fiber'

 

عملکرد برنامه () {

 

  const [ توله , setCub ] = useState ([ 2 , 5 , 6 , 7 ])

 

  بازگشت (

     < بوم >

        < ambientLight />

         { توله . نقشه (( e , i ) =>

           < mesh key = { i } >

             < boxGeometry />

             < meshStandardMaterial color = 'hotpink' />

           </ mesh >

         ) }

     </ بوم >

  )

}

 

صادرات برنامه پیش فرض