React - 对象作为React子对象无效

作者: 無口君
发布时间: 2024-04-19 01:29:44 (1天前)
转自：

2 条回复

0#
回复此人
不想吃东西 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您的功能组件接收道具作为第一个参数。 </p> <P> 对象解构应该是这样的 </p> <pre> <code> <script type="text/babel"> function StopWatch({running,lapse}) { const buttonStyles = { border: '1px solid #ccc',background: '#fff',fontSize: '2em',padding: 15,margin: 5,width: 200, } return( <div> <label style={{ fontSize: '5em',display: 'block', }}>{lapse}ms </label> <button style={buttonStyles}>{running ? 'stop' : 'start'}</button> <button style={buttonStyles}>Clear</button> </div> ) } const rootElement = document.getElementById("root") const element = <StopWatch running={true} lapse={0} /> ReactDOM.render(element,rootElement) </script> </code> </pre> </DIV>

编辑

登录后才能参与评论