reactjs React：传球 prop 不起作用,我错过了什么？

ykejflvf 于 2022-12-26 发布在 React

关注(0)|答案(3)|浏览(153)

正如你可能从标题中得到的，在react中传递 prop 是不起作用的。我不明白为什么。

主要AP组件

import './App.css';
import Licence from './Licence';

function App() {
  return (
    <>
    <Licence>
      test={"Test123"}
    </Licence>
    </>
  );
}
export default App;

其他组件

import React from 'react';

const Licence = (props) => {
    return (
    <div>
        <h1>name : {props.test}</h1>
    </div>
    )
}

export default Licence;

问题如果我启动脚本并呈现页面，什么都不显示。我做错了什么？

reactjs

来源：https://stackoverflow.com/questions/65113040/react-passing-props-not-working-what-am-i-missing

3条答案

按热度按时间

2wnc66cl1#

许可证组件看起来不错！
你所要做的就是改变你在App上的设置方式。 prop 需要在标签上传递，如下所示：

import './App.css';
import Licence from './Licence';

function App() {
  return (
    <>
    <Licence test={"Test123"} />
    </>
  );
}
export default App;

赞(0）回复(0）举报 2022-12-26

wvyml7n52#

更新应用程序组件：

赞(0）回复(0）举报 2022-12-26

afdcj2ne3#

像这样通过

<Licence test={"Test123"} />

和这样的访问

const Licence = (props) => {
    return (
    <div>
        <h1>name : {props.test}</h1>
    </div>
    )
}

另一种方法

<Licence>
     Test123
 </Licence>

这样的访问

const Licence = (props) => {
    return (
    <div>
        <h1>name : {props.children}</h1>
    </div>
    )
}

赞(0）回复(0）举报 2022-12-26

我来回答

reactjs React：传球 prop 不起作用,我错过了什么？

3条答案

相关问题

热门标签

最新问答