• 根据顺序渲染映射数组

    因此,我有一个对象数组,需要按特定顺序显示并进行组织。该功能已经存在并且可以正常工作,但是我无法使其正确渲染。 基本上我有: const [objects, setObjects] = useState([]); return ( <> {objects.map(object => <Component object={object} /> )} </> ); 现在,我显然已经用数据填充了此数组,并且呈现效果很好,但是当我尝试重组数组时,U...
  • 带道具的UseReducer钩子的React调度方法

    我正在尝试使用reactjs的UseReducer挂钩的调度方法。我有一个.js文件,其中我正在使用另一个.js文件的组件。我可以使用prop访问组件属性的值。但是如何获取该值,以便可以在我的调度方法中将其用作有效负载。我有两个.js文件,其中我定义了两个不同的组件:A.js和B.js。我在组件A中定义了一个回调函数,该函数从B接收值: A.js import B from "B.js" export default function A(){ const receiveValue = value => ...
  • 有没有一种方法可以根据宽度截断字符串?

    我有一个带有列的哈希表。 我想截断哈希,从开始到结束只看到很少 我用过这个 elem.replace(elem.substring(10, elem.length - 10),'...') 从开始只看到10,从结束只看到10 但是在桌子上原来是Z效果 所以我想根据文本的宽度截断 我在下一个功能中得到的 String.prototype.width = function (font) { var f = font || '14px Rubik', o = $('<div></div>') ...
  • 问答功能

    我正在尝试创建一个包含10个问题的测验,一个3个答案的选项。我要求开发人员给我一个函数,该函数可以使其以问题作为对象在DOM中工作,但似乎不起作用。这是波纹管。知道问题出在哪里吗? function showResults(questions, quizContainer, resultsContainer){ var answerContainers = quizContainer.querySelectorAll('.answers'); var userAnswer = ''; ...
  • 使用点击功能javascript将参数传递给另一个html页面

    我有一个页面page1.html,并使用重定向功能将其重定向到另一个页面page2.html: 第1页 ... <a id="link1" href="page2.html" hidden></a> <input type="button" name="load1" id="load1" onclick="redirect1(2020);" value="page2"/> ... <script> function redirect1(argument1){ $('#link1')[0].cli...
  • 在CSS函数中将CSS设置为文本

    我希望为JavaScript函数中的某些文本设置不同的CSS样式。 例如,将图像中建议的样式设置为附加的代码。 一些忠告? // Set the date we're counting down to var nowDate = new Date(); var countDownDate = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 15, 30, 0, 0); // Update the coun...
  • 使用useEffect()管理功能组件的状态

    假设我有2个功能组件。在一个组件中,我能够将编辑器的内容保存到数据库中: Editor.jsx const TextEditor = () => { return( <*editor related stuff*> ) } const SaveContent = ({ value, icon }) => { return ( <SaveButton onMouseDown={async () => { ...
  • 如何使函数更改数组索引?

    因此,我最近更新了我的图像滑块以使用react挂钩,现在情况已经坏了,我不知道为什么。 当我单击上一个或下一个时,我希望滑块更改为具有正确索引的数组,但是什么也没有发生。我可以看到索引发生了变化,但我不明白为什么它不会更改为新数组。现在它总是在索引为0的数组上。 我试过的 从sortIntoArray中删除数组索引,并直接在map函数中使用它。既作为数字又作为字符串。 由此: setImages(currenState =>({         ... currenState,         海报:...
  • JavaScript中迄今的毫秒数

    I'm using React JS to create an App. During the process, I've created a component "Card Component" that I'm calling on the App.js. The mission of that component is to print details in a card. So far, everything is working fine, except the date! As you can ...
  • 如何获得每种效果的滤镜值?

    如何获取具有%和px的效果以及仅包含%和px的数字的滤镜值。 我在编解码器中列出了3个过滤器,当然可能还有更多。 什么是最好的方法...? 码: <button onclick="myFunction()">Try it</button><br><br> <img id="myImg" src="https://www.roadrunnerrecords.com/sites/g/files/g2000005056/f/sample-4.jpg" width="300" height="300" styl...
  • 条件满足后,停止在<textarea>中添加文本

    我有一个文本区域 <textarea rows="3" [(ngModel)]="formatObj.textAreaBox" (keyup)="onExtendexDelimeterKeyUp($event)" #extendDelimiters></textarea> 我想在条件满足后停止在textarea中添加文本。我不想禁用textarea,因为用户可以删除textarea内的文本。我想停止键入以使用Angular 7执行 谢谢
  • Ajax加载内容滚动条Laravel

    在控制台中说编译错误。编译模板时出错。 我希望在滚动时加载搜索结果。这样搜索就可以了,但这是ajax查询的大问题。请帮助,可以解决的问题和可以解决的问题。它使我编译错误,并且不起作用 search.blade.php @extends('layouts.app') @section('content') @if(isset($details)) <div class="container news-row"> <div class="row news-s...
  • 尝试使用jQuery控制台ID

    我正在尝试从div标记获取ID并进行console.log,但未定义。 任何想法为什么会这样? <?php $id = get_the_ID(); ?> <div class="about-cont" id="<?php echo $id ?>"></div> <script> jQuery('.about-cont').click(function(el){ console.log(jQuery(el.target).attr('id')); }); </script...
  • 在每次更新特定状态时重新启动功能

    我用组件didmount创建了一个函数(newdispo) 创建预订可用性供稿, 它基于相对日期 从10:00到19:00(例如) 它将创建具有状态间隔的可用性(间隔) (例如1小时) 因此它向我显示了相对于今天日期“ this.stat.day”的可用性 今天(07/04/2020) 例: 04/04/2020-10:00 2020年4月7日-11:00等... 但是我想使页面更加灵活, 我在一周的第二天有导航栏,当我单击另一天时, 如果所选日期更新,则为“日期”状态, 我希望每次状态更新时都重新启动功能...
公告

欢迎访问 码农俱乐部  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部