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部分。

广告
将在 10 秒后关闭
bannerAds