我的第一个组件如下:
const hellos = ['Hola', 'Salut', 'Hallo', 'Ciao', 'Ahoj', 'Annyeong-haseyo', 'Aloha', 'Howdy', 'Ni Hao', 'Konnichiwa']
export class Welcome extends Component {
constructor(props) {
super(props);
this.state = {
errors: []
};
}
sayHello = function() {
return hellos[Math.floor((Math.random()*hellos.length))];
}
render() {
return (
<div className="Welcome">
</div>
);
}
}
我希望能够从另一个组件中调用sayHello()
。到目前为止,我看到的所有答案都涉及父子关系,但在这种情况下,这两个组件之间没有任何关系。 我想到了以下方法,但它并不能完成工作:
import { Welcome } from './Welcome'
export const Life = () => (
<div className="Life">
<p>{ Welcome.sayHello() }</p>
</div>
)
我希望在Life中打印出hellos
数组的一个随机元素。
I hope to print a random element of the hellos
array in Life.