Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将JSFIDLE与基于React的外部库一起使用_Javascript_Reactjs_Jsfiddle - Fatal编程技术网

Javascript 将JSFIDLE与基于React的外部库一起使用

Javascript 将JSFIDLE与基于React的外部库一起使用,javascript,reactjs,jsfiddle,Javascript,Reactjs,Jsfiddle,如何将外部库与JSFIDLE一起使用 我尝试过的: 在左栏中,我尝试添加react textfit。我也尝试过使用unpkg.com/react textfit 然后在代码部分,我添加了以下内容: class Hello extends React.Component { render() { return <div> <div>Hello {this.props.name}</div> <TextFit>Hel

如何将外部库与JSFIDLE一起使用

我尝试过的:

在左栏中,我尝试添加
react textfit
。我也尝试过使用
unpkg.com/react textfit

然后在代码部分,我添加了以下内容:

class Hello extends React.Component {
  render() {
    return <div>
      <div>Hello {this.props.name}</div>
      <TextFit>Hello</TextFit>
    </div>;
  }
}

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);
类Hello扩展了React.Component{
render(){
返回
你好{this.props.name}
你好
;
}
}
ReactDOM.render(
,
document.getElementById('容器')
);
但是,我得到以下错误:

Expected an identifier and instead saw '<'

需要一个标识符,而不是看到“如果不需要只使用JSFIDLE,那么可以使用stackblitz/codesandbox