在 React 中显示当前年份
在 React 中,你可以像这样渲染当前年份:
<div>{new Date().getFullYear()}</div>
下面的完整示例显示了版权符号以及当前年份(您可以在网上随处看到)。
截屏:
编码:
// KindaCode.com
// src/App.js
function App() {
return <div style={styles.container}>
<h1 style={styles.copyright}>©{new Date().getFullYear()} KindaCode.com</h1>
</div>;
}
const styles = {
container: {
width: '100vw',
height: '100vh',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
},
copyright: {
color: 'blue'
}
};
export default App;
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站。本站所有源码与软件均为原作者提供,仅供学习和研究使用。如您对本站的相关版权有任何异议,或者认为侵犯了您的合法权益,请及时通知我们处理。