在 React Native 中是否可以将类作为道具传递给自定义组件，然后将该类的方法调用到组件中？
这是我假设的代码。
import MyAwesomeClass from './model.js';
...
...
...
<MyComponent model=myAwesomeClass />
模型.js
export default class MyAwesomeClass {
var name;
var surname;
function getName(){
return name;
}
function getSurname(){
return surname;
}
}
然后像这样调用类方法：
我的组件.js
export default class myComponent extends Component {
...
...
render(){
return (
<View>
<Text>{this.props.getName()}></Text>
<Text>{this.props.getSurname()}></Text>
</View>
);
}
}
我知道我可以直接传递name并surname作为道具传递并让它们myComponent使用this.props.name，this.props.surname但我想传递整个类而不是单一属性。这在 React Native 中可行吗？如果不是，那么实现这样的事情的最佳实践是什么？提前致谢
这是绝对可能的。清理你的课堂，
export default class MyAwesomeClass {
constructor(name, surname) {
this.name = name;
this.surname = surname;
}
// ... any methods here
}
然后确保您实例化该类，例如
const bob = new MyAwesomeClass('Bob', 'the Builder');
现在，您可以访问name和surname直接，
console.log(bob.name)
>>> 'Bob'
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句