Reactjs 配置如果有其他组件,则响应
我已经根据添加了一个Reactjs 配置如果有其他组件,则响应,reactjs,typescript,Reactjs,Typescript,我已经根据添加了一个if-else元素到我的React组件;但是,由于将React组件包含在和{}之间的语法差异,我不确定如何进一步配置该组件 以下是我的简化版本(用TypeScript编写): 下面是getMediaElement()reduced: private getMediaElement() { //... video can also be returned return document.createElement("audio");
if-else
元素到我的React组件;但是,由于将React组件包含在
和{}
之间的语法差异,我不确定如何进一步配置该组件
以下是我的简化版本(用TypeScript编写):
下面是getMediaElement()
reduced:
private getMediaElement() {
//... video can also be returned
return document.createElement("audio");
//...
}
从这里,最好是内联的,我希望能够添加类信息等,类似于(在React中也是可行的):
如何使用上述语法访问元素的属性?最终,我需要指定一个参考。任何文档都将是伟大的
是否仅通过对象属性(即:
mediaElement.src=”“
我认为最好的方法是呈现React元素,而不是普通的HTML元素。看
您可以像这样重写代码:
private getMediaElement(src) {
//... video can also be returned
return (<audio src={ src } />);
//...
}
public render() {
const mediaElement = this.getMediaElement(this.props.src);
return (mediaElement);
}
私有getMediaElement(src){
//…还可以返回视频
返回();
//...
}
公共渲染(){
const mediaElement=this.getMediaElement(this.props.src);
返回(mediaElement);
}
然后,您可以稍后通过组件的道具访问类的道具。我认为最好的方法是呈现React元素,而不是普通的HTML元素。看 您可以像这样重写代码:
private getMediaElement(src) {
//... video can also be returned
return (<audio src={ src } />);
//...
}
public render() {
const mediaElement = this.getMediaElement(this.props.src);
return (mediaElement);
}
私有getMediaElement(src){
//…还可以返回视频
返回();
//...
}
公共渲染(){
const mediaElement=this.getMediaElement(this.props.src);
返回(mediaElement);
}
然后,您可以稍后通过组件的道具访问类的道具。您可以粘贴
getMediaElement()
方法实现吗?我不知道getMediaElement()
是否返回React类或普通html元素?@drinchev只是一个普通html元素。你能粘贴你的getMediaElement()
方法实现吗?我不知道getMediaElement()
是否返回React类或普通html元素?@drinchev只是一个普通html元素。张贴。
private getMediaElement(src) {
//... video can also be returned
return (<audio src={ src } />);
//...
}
public render() {
const mediaElement = this.getMediaElement(this.props.src);
return (mediaElement);
}