我想在 React 中使用我自己设计的自定义图标,我有 SVG 和 TTF 两种格式。我怎样才能做到这一点?我想将这些图标放在导航栏中,就像主页按钮的自定义主页图标一样。
我在Reactjs中使用纯Bootstrap,并且已经使用Bootstrap组件构建了一个navBar,但是我面临的问题是数据切换折叠不起作用。
当我缩小显示视图的大小时,将显示汉堡图标,但是当我单击它时,则什么也没有发生。虽然它可以与纯HTML和JS完美配合,但不能与reactjs配合使用。
这是index.js文件
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();
Run Code Online (Sandbox Code Playgroud)
这是app.js
import React, { Component } from 'react';
import './App.css';
import NavBar from './components/navBar/navBar';
class App extends Component {
render() {
return (
<div>
<NavBar />
</div>
);
}
}
export default App;
Run Code Online (Sandbox Code Playgroud)
这是NavBar.js文件
import React, { Component } from 'react';
class NavBar extends Component {
render() {
return (
<div>
<nav className="navbar …Run Code Online (Sandbox Code Playgroud) 我有一个数组arr = [4, 8, 2, 8, 9]。
我想打印不重复的元素。
即 4、2、9
但我的代码给出的列表索引超出范围,即使相同的逻辑在 Java 中工作但在我的 Python 代码中不起作用。这是我的代码:
def odd_occurring_num(arr):
count = 0
size = len(arr)
for i in arr:
for j in arr:
if (arr[i] == arr[j] and i != j):
break
if (j == size):
count += 1
return count
# driver Code
arr = [4, 8, 2, 8, 9]
print(odd_occurring_num(arr))
Run Code Online (Sandbox Code Playgroud) 我在 JavaScript 中根据名称对数组进行排序,然后我根据 injoinDate对其进行排序,但不知何故它没有检查joiningDate.
不幸的是,我不能使用 if-else 条件 - 我只想使用三元运算符。
我的代码是这样的:
person.sort(((a, b) => (a.name > b.name) ? 1 : (a.joinDate > b.joinDate) ? 1 : -1));
Run Code Online (Sandbox Code Playgroud)
它正在对名称进行排序,但不对joinDate属性进行排序
我的清单是这样的:
{
"data": [
{
"id": "fdsf",
"name": "Julie",
"joinDate": "01/10/2019"
},
]
}
Run Code Online (Sandbox Code Playgroud) javascript ×3
reactjs ×3
arrays ×2
react-native ×2
icons ×1
list ×1
python ×1
python-3.x ×1
react-redux ×1
react-router ×1