React组件的基本属性
首先
这是关于Props的基本备忘录?
我是初学者?
我想有很多地方弄错了。
如果发现了错误,请帮忙指正?
The content
为什么要使用道具呢?
为了将已创建的组件用作类型,可以在父组件(App.js)中输入值并将其更改为当前值,以便使用。
在子组件中输入变量名
const Contact = (props) => {
return {
<div>
<h2>(props.title)</h2>
<p>(props.content)</p>
</div>
};
};
export default Contact
注意事项
可以省略 props。
const Contact = (props) => {
可以简写为
const Contact = () => {
如此进行省略。
import Contact from './components/Contact';
function App() {
return (
<div>
<Top
title={'このコンテンツのh2に入れるもの'}
content={'pタグ内容'}
/>
</div>
);
}
export default App;
需要记住的要点?
基本上要使用props作为类型的意识来进行编写
在定义函数时,可以省略props部分。