Como se puede deducir del título, pasar accesorios en reaccionar no funciona. Y no entiendo por qué.
Componente principal de la aplicación
import React from 'react' import Product from './Product'; function App() { return ( <div> <h1>Hello World</h1> <Product name="Amazon Echo" description="Your AI assistant" price={59.99} /> {/* Product name, description, price */} </div> ); } export default App; OTHER COMPONENTS import React from 'react' function Product(props) { return ( <div> <h1>{props.name}</h1> <h2>{props.description}</h2> <h3>{props.price}</h3> </div> ); } export default Product;Por favor verifique el código a continuación
function Product(props) { return ( <div> <h1>{props.name}</h1> <h2>{props.description}</h2> <h3>{props.price}</h3> </div> ); } function App() { return ( <div> <h1>Hello World</h1> <Product name="Amazon Echo" description="Your AI assistant" price={59.99} /> </div> ); } ReactDOM.render( <App/>, document.getElementById('root') ); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div id="root"></div>Si está exportando un componente de Producto desde su archivo, entonces el código anterior debería funcionar. Aquí hay un código de muestra que creé para usted: https://codesandbox.io/s/blazing-shape-lqtbye?file=/src/App.js