我在React中有一个组件,我在index.js中导入,但它给出了这个错误:
渲染没有返回任何内容.这通常意味着缺少return语句.或者,为了不渲染,返回null
index.js:
import React from 'react';
import ReactDOM from 'react-dom';
import Search_Bar from './components/search_bar';
const API_KEY = 'AIzaSyCnpDObOLiiqN87YKJKZ-cxzdAsvYD1F-U';
const App = () => {
return
(
<div>
<Search_Bar />
</div>
);
}
ReactDOM.render(<App />, document.querySelector('#root'));
零件:
import React from 'react';
const Search_Bar = () =>
{
return <input />;
};
export default Search_Bar;
我有一个有1个孩子的父组件.我通过道具传递数据来更新我的孩子.最初,它工作正常但是当我点击一个按钮并使用setState更新状态时,在setState完成时,子项将使用旧值进行渲染.我已经在孩子中使用componentWillReceiveProps解决了它,但这是正确的方法吗？
在下面的代码中,如果我在filterResults函数中执行setState,它将不会更新Emplist组件.
import React, { Component } from 'react';
import {Search} from './search-bar'
import Emplist from './emplist'
class App extends Component {
constructor(props){
super(props);
this.emp=[{
name:'pawan',
age:12
},
{
name:'manish',
age : 11
}]
this.state={emp:this.emp};
this.filterResults=this.filterResults.bind(this);
}
filterResults(val)
{
if(this.state)
{
let filt=[];
filt.push(
this.emp.find(e=>{
return e.age==val
})
);
this.setState({emp:filt});
}
}
render() {
return (
<div className="App">
<Search filterResults={this.filterResults}/>
<Emplist emp={this.state.emp}/>
</div>
);
}
}
export default App;EmpList Componet
import React,{Component} from 'react'
export default class Emp extends …我想使用 luxon 执行从毫秒到分钟的转换。例如。如果我输入 1000 ，te 输出应该是 1m 0s。我正在尝试Duration.fromMillis(1000).as('minutes')，但作为回报我得到 0 输出。有没有其他方法可以实现同样的目标
我有一个现有的反应项目,我想添加material-ui库.所以我使用了命令npm install --save material-ui.但是当我运行它时,它显示错误.
这是错误细节 -
无法解析'C:\ Users {user}\demo2\src'中的'material-ui/Button'
这是存储库的链接
https://github.com/mui-org/material-ui
<Button variant="raised" color="primary">
Hello World
</Button>