Question

我是新手。我想创建一个使用随机数动态更改3张图像的函数。

示例：如果数字> 5 = image1，如果数字> 10 = image2，如果数字> 15 = image3

我现在已经尝试了一些方法，但这就是我可以获得的最佳结果：

random(min,max,x) {
    min = Math.ceil(5);
    max = Math.floor(20);
    return  x = Math.floor(Math.random() * (max - min)) + min;
}

colormachine = () => {
if(this.random(this.props.x > 8))
{
    this.setState(state => ({color: green}));
};
}

render() {

    console.log(this.random());
    // console.log(this.colormachine());

({ color: green })是

const green = { backgroundImage: "url(" + tirelogogreen + ")";

Answer 1

想法是您的./gradlew compileKotlin -Dorg.gradle.debug=true -Dkotlin.compiler.execution.strategy=in-process Starting a Gradle Daemon, 1 busy Daemon could not be reused, use --status for details > Starting Daemon仅应包含真正简单的数据，而与样式无关。例如，我在这里存储一个数字。

state

然后我有一个更新状态的按钮：

const [myNum, setMyNum] = useState(0);

然后，您的组件将根据数字决定如何处理。

<button onClick={() => setMyNum(Math.floor(Math.random() * 20))}>

有关工作示例，请单击此处：https://codesandbox.io/s/react-boilerplate-h2dbd

如何正确分配状态和功能的图像？

1 个答案: