在 React 中,我们可以通过以下方式使用状态和道具在基于类的组件之间传递数据:
应用程序.js
import Name from './Name';
import React, { Component } from 'react'
export class App extends Component {
state = {
name: "Tarun"
}
render() {
return (
<Name name={this.state.name}/>
)
}
}
export default App
Run Code Online (Sandbox Code Playgroud)
名称.js
import React, { Component } from 'react'
export class Name extends Component {
render() {
return (
<div>
My name is : {this.props.name}
</div>
)
}
}
export default Name
Run Code Online (Sandbox Code Playgroud)
但是现在既然 React 引入了函数式组件,如果我对App.js
和都使用函数式组件,那么等效的代码是什么Name.js
?
我只想返回 Windows 任务管理器中“应用程序”类别下列出的那些应用程序,而不是所有正在运行的进程。下面的脚本返回我不想要的所有进程。如何根据我的要求修改此代码?
import subprocess
cmd = 'WMIC PROCESS get Caption,Commandline,Processid'
proc = subprocess.Popen(cmd, shell=True, stdout=subprocess.PIPE)
for line in proc.stdout:
print(line)
Run Code Online (Sandbox Code Playgroud) 我想设计一个神经网络,经过训练后将 .mp3 文件作为输入,然后根据训练,它会在 1-10 的范围内决定音乐的好坏。但为此,我需要将音频文件转换为定义音乐所需的波长、频率、幅度和所有其他参数的数组,然后将这些数组用作神经网络的输入。我应该如何解决这个问题?
我正在使用一个名为“并发”的包在本地主机上同时运行我的客户端和服务器。客户端在端口 3000 上运行,而服务器在端口 5000 上运行。我已按以下方式在服务器的 package.json 中设置代理:
"proxy": "https://localhost:5000"
Run Code Online (Sandbox Code Playgroud)
但是当我以以下方式向客户提出请求时:
const config = {
headers: {
'Content-Type': 'application/json'
}
};
const res = await axios.post('/api/users', body, config);
Run Code Online (Sandbox Code Playgroud)
它说:POST http://localhost:3000/api/users 404 (Not Found)
。我不明白为什么,尽管设置了代理,axios 仍然不断向端口 3000 而不是端口 5000 发出请求。问题是什么?
我正在学习 React 和 Redux,同时我决定制作带有按钮的网页,点击该按钮会改变状态。在按钮下方,我想在不同的组件中显示当前状态。虽然点击按钮改变了状态,但它并没有反映在组件中。这是我的代码:
应用程序.js
import React from 'react'
import Name from './Name'
import {changeName} from './Action';
export default function App () {
return (
<div>
<button onClick={changeName}>Click me</button>
<Name />
</div>
)
}
Run Code Online (Sandbox Code Playgroud)
名称.js
import React from 'react'
import {store} from './Store'
function Name(props) {
return (
<div>
My name is: {store.getState()}
</div>
)
}
export default Name
Run Code Online (Sandbox Code Playgroud)
商店.js
import { createStore } from 'redux';
import {reducer} from './Reducer';
export const store = createStore(reducer, 'Tarun');
Run Code Online (Sandbox Code Playgroud)
动作.js
import {store} from …
Run Code Online (Sandbox Code Playgroud) 我有一个 React 组件Webstats
,它从react-chartjs-2库返回一个甜甜圈图。下面是代码的样子:
const Webstats = () => {
//code to create chart.
return <Doughnut data={pd} />;
}
Run Code Online (Sandbox Code Playgroud)
我在另一个名为Dashboard
. 我想在注销按钮旁边显示图表。两者应该在同一行。flex
为此,我使用了 css 的属性。
const rowC = {
display: "flex",
flexDirection: "row"
};
const Dashboard = () => {
return (
<div style={rowC}>
<Webstats />
<Link to="/">
<div>
<button onClick={auth.logout}>Logout</button>
</div>
</Link>
</div>
);
};
export default Dashboard;
Run Code Online (Sandbox Code Playgroud)
但问题是,与注销按钮相比,图表大小太大了。
我想让图表尺寸变小,大约是<div style={rowC}>
. 我试过这些东西:
return <Doughnut data={pd} width="30%"/>;
Run Code Online (Sandbox Code Playgroud)
和
return (
<div style={rowC}>
<Webstats …
Run Code Online (Sandbox Code Playgroud) 我的项目中有一个导航栏,我从内部调用它App.js
。根据我是否登录,我想呈现不同的视图NavBar
。如果登录,我希望NavBar
有一个注销按钮。如果注销,我希望NavBar
有登录按钮。我使用令牌来localStorage
检查我是否登录。登录后,令牌存在于localStorage
. 注销/登录前,.txt 文件中没有令牌密钥localStorage
。我将此令牌作为状态传递给NavBar
如下所示:
export default function App() {
const [loggedIn, setLoggedIn] = useState(localStorage.getItem("token"));
return (
<div>
<Router>
<Navbar isAuth={loggedIn} />
<Route exact path="/" exact component={Home} />
<Route path="/login" component={Login} />
<PrivateRoute path="/dashboard" component={Dashboard} />
</Router>
</div>
);
}
Run Code Online (Sandbox Code Playgroud)
现在,从NavBar
组件中,我使用此道具来渲染不同的视图,NavBar
如下所示:
const NavBar = props => {
const classes = useStyles();
if (props.isAuth !== null) {
return (
<div className={classes.root}>
<AppBar position="static"> …
Run Code Online (Sandbox Code Playgroud) 我计划构建一个软件,可以使用人工神经网络将一段音乐分为好坏。为此,我需要将音频转换为一些数值以作为输入提供给 NN。所以为了训练神经网络,我首先下载了 billboard hot 100 歌曲(我认为应该归类为好音乐),还下载了一些不好的噪音音频文件(将归类为坏音乐)。然后我将它们转换为 .wav 格式,然后将每个文件拆分为多个 .wav 文件,每个文件长度为 2 秒。我计划使用快速傅立叶变换将这些音频剪辑转换为频率-幅度对,但问题是,即使我们使用 2 秒剪辑,其 FFT 也会生成大约 100,000 个此类对的数组。对数千个音频文件执行此操作会生成具有太多特征的太大数据集。
我想知道有什么方法可以缩短这个数据集,同时保留其中的“音乐精髓”,以便做出更好的预测?或者我应该使用其他算法/过程?
python signal-processing machine-learning neural-network tensorflow
我有一个网址的python列表,如下所示:
list = ['/abc/1',
'/abc/3',
'/abc/5',
...
]
Run Code Online (Sandbox Code Playgroud)
所有这些网址都遵循我在urls.py中定义的网址格式'abc/n /'.现在我想将此列表传递给django模板,使得此列表的每个元素都可以单击并在单击它们时运行与其url模式对应的函数.我尝试将锚标记硬编码到此列表的每个元素.例如
for i in range (len(list)):
list[i] = "<a href = \'" + list[i] + "\'>click me</a>"
Run Code Online (Sandbox Code Playgroud)
然后HttpResponse()
通过上下文通过函数将此列表发送到模板.但是这显示了原始文本格式的列表项而不是链接
我想编写一个可以获取活动选项卡 URL 的 chrome 扩展程序。我希望它始终显示该人在当前活动窗口的活动选项卡上查看的当前网站。我在后台脚本中使用以下代码:
chrome.tabs.onActivated.addListener( function(activeInfo){
chrome.tabs.get(activeInfo.tabId, function(tab){
y = tab.url;
console.log("you are here: "+y);
});
});
Run Code Online (Sandbox Code Playgroud)
每当我更改浏览器中的活动选项卡时,此代码都会很好地显示当前网址。但是,如果我通过单击或键入手动更改活动选项卡 url,它将无法注册新 url,只有在我们在选项卡之间切换并返回此选项卡时才会这样做。我想检测这两种情况。我应该如何更改我的代码?
javascript ×5
reactjs ×5
python ×4
axios ×1
chart.js ×1
css ×1
django ×1
express ×1
html ×1
node.js ×1
react-hooks ×1
react-router ×1
redux ×1
subprocess ×1
tensorflow ×1
windows ×1