Can you use aframe-text-component with this

[supermedium]

Can you use aframe-text-component with this

[ngokevin]

I don't recommend using primitives with aframe-react, you can use the basic Entity building block. React already has component/wrapping logic.

<Entity text={{ text: 'hello' }}>

or maybe wrap it if you want like <Text/>

export default props => <Entity text={...props.text} material={...props.material}>

[ngokevin]

Because the whole premise of aframe-react is to expose the <Entity/> building block :)

Else you'd just use raw React

[ngokevin]

btw hoping to move that component into the aframe repo some time :)

[alexwasner]

So just for clarification, you are saying I should build my own component instead of attempting to use your aframe-text-component? I'm just trying to render some text onto the canvas.

Thanks for being so quick to respond.

[ngokevin]

You can use the component. I recommend not using primitives like <a-cube> or <a-sphere> since React kind of solves creating components.

You can use the text component. Do <Entity text={{ ...textProps }}>

[ngokevin]

Kind of confusing because of the overloading name of components :/

[alexwasner]

Hmm getting Unknown component attribute: text. Maybe its just a require issue. Thanks for the clarification on primatives.

[ngokevin]

Np, happy to debug any code you have here.

[alexwasner]

Ah, your demo has
var AFrame = require('aframe-core'); var textComponent = require('aframe-text-component'); AFrame.registerComponent('text', textComponent);
instead of

var textComponent = require('aframe-text-component').component;